我正在尝试在mat-focussed
之后更改选择框的占位符颜色和背景颜色,但是颜色或背景没有变化。它以相同的原蓝色固定。
<mat-form-field floatLabel="never">
<mat-select placeholder="Select Function">
<mat-option *ngFor="let option of functionOptions" [value]="option.name">
{{option.name}}
</mat-option>
</mat-select>
</mat-form-field>
scss
::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
color: #4dff91!important;
background-color : grey;
}
我甚至尝试将占位符更改为mat-label,并给CSS指定mat-label,但还是没有运气
答案 0 :(得分:1)
尝试不带:: ng-deep的CSS
.mat-form-field.mat-focused .mat-form-field-label {
color: #4dff91 !important;
background-color : grey;
}