禁用时如何更改 Angular 5 材质垫选择所选文本中的样式

Question

当设置为禁用时，如何更改显示来自 Angular 5 材料垫选择的选定值的文本上的字体颜色。目前它默认为灰色，我想更改它，以便它在禁用和启用时显示深蓝色。

  <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 对字体颜色不起作用。它确实适用于字体大小。

除了覆盖禁用字体颜色之外，angular-material链接中的样式垫选择具有最多的答案，您需要覆盖样式 .mat-select-value-text

例如

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