样式不适用于Disabled元素

时间:2017-05-09 10:26:29

标签: html css angular internet-explorer typescript

样式不起作用我们在文本元素中使用disabled属性。为什么呢?

<input pInputText [style]="{'padding-bottom':'10px','padding-top':'10px','width':'100%'}"
                       disabled="disabled" [(ngModel)]="selectedApprovalDate" />

它抛出此错误Assignment to read-only properties is not allowed in strict mode

如果删除样式[style]="{'padding-bottom':'10px','padding-top':'10px','width':'100%'}",那么它正在运行。为什么?

1 个答案:

答案 0 :(得分:2)

使用ngStyle代替

<input pInputText [ngStyle]="{'padding-bottom':'10px','padding-top':'10px','width':'100%'}"
                   disabled="disabled" [(ngModel)]="selectedApprovalDate" />