使用 Angular/Material 6.2,无法找到正确的 CSS 设置来覆盖禁用的 mat-select 内选择的 mat-option 的颜色:
以下是我应用程序的styles.css中没有效果的部分(默认值太暗淡了,我需要在我的应用程序中更加突出):
<mat-select [disabled]="true" [value]="option2">
<mat-option>None</mat-option>
<mat-option value="option1">Option 1</mat-option>
<mat-option value="option2">Option 2</mat-option>
<mat-option value="option3">Option 3</mat-option>
</mat-select>
以下是我应用程序的styles.css中没有效果的部分(默认值太暗淡了,我需要在我的应用程序中更加突出):
.mat-select-disabled, .mat-select-content, .mat-disabled, mat-select.mat-disabled {
opacity: 1.0 !important;
font-weight: bold !important;
color: black !important;
}
寻找解决方法得到了几个建议,但我在这个快速变化的API中无法让它们起作用。我可能对CSS无知,但我发现使用Material进行小的样式更改比预期的要困难。