如何在角度为8的垫选中更改占位符颜色

时间:2019-08-26 16:47:46

标签: angular-material angular8

我正在尝试在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,但还是没有运气

1 个答案:

答案 0 :(得分:1)

尝试不带:: ng-deep的CSS

.mat-form-field.mat-focused .mat-form-field-label {
   color: #4dff91 !important;
   background-color : grey;
}