css - 禁用时如何更改 Angular 5 Material 垫选择选定文本中的样式

Question

当 Angular 5 Material mat-select 设置为禁用时，如何更改显示所选值的文本的字体颜色。目前它默认为灰色，我想更改它以便它在禁用和启用时显示深蓝色。

  <mat-form-field>
    <mat-select placeholder="Select a Product" [(ngModel)]="selected" [disabled]="isDisabled" panelClass="my-select-panel-class">
      <mat-option *ngFor="let prod of products" [value]="prod.productID">
        {{ prod.key }}
      </mat-option>
    </mat-select>
  </mat-form-field>

Answer 1

了解如何更改禁用 mat-select 元素的字体颜色。上面的 ngClass 不适用于字体颜色。它确实适用于字体大小。

Styling mat-select in angular-material除了覆盖禁用字体颜色之外，链接有大部分答案，您需要覆盖样式 .mat-select-value-text

例如

::ng-deep .mat-select-value-text {
  color: rgba(0,0,0,.88);
}