css 我想更改禁用输入的字体颜色

nle07wnf 于 2023-10-21 发布在其他

关注(0)|答案(2)|浏览(124)

我想改变V1的字体颜色。这是一个禁用的输入，我想让它更暗。如何为Chrome执行此操作？

HTML代码是

<mat-form-field appearance="outline" fxFlex="100" fxFlex.gt-xs="30" class="w-100-p"
                        ngClass.gt-xs="pr-4">
                        <mat-label>Versiyon</mat-label>
                        <input matInput formControlName="Revision" type="text">
                    </mat-form-field>

请注意，这是一个React式的形式，所以，我的TS代码是：

Revision: new FormControl({ value: "", disabled: true }),

css

来源：https://stackoverflow.com/questions/66887816/i-want-to-change-the-font-color-of-a-disabled-input

2条答案

按热度按时间

dldeef671#

你可以在styles.scss文件中添加这个CSS类：

对于标签

.mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-label {
  color: rgba(0,0,0,.6)!important;
}

对于输入值

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after, .mat-input-element:disabled {
  color: rgba(0,0,0,1)!important;
}

赞(0）回复(0）举报 2023-10-21

juzqafwq2#

老线索，但上述答案对我不起作用。我把它放在了实际的component.css文件中，而不是styles. scss。我的mat-form-field在一个自定义组件中，外观=“outline”。
是的，我知道ng-deep已经贬值了，但它仍然有效。咬我啊
对于所选值：

:host ::ng-deep.mat-select-disabled .mat-select-value {
  color: rgb(43, 43, 43);
}

对于标签（重要标签是必需的）：

:host ::ng-deep.mat-form-field-disabled label {
  color: rgb(43, 43, 43) !important;
}

赞(0）回复(0）举报 2023-10-21

我来回答

css 我想更改禁用输入的字体颜色

2条答案

相关问题

热门标签

最新问答