使用 Angular/Material 6.2,无法找到正确的 CSS 设置来覆盖禁用的 mat-select 中所选 mat-option 的颜色:
<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>
Run Code Online (Sandbox Code Playgroud)
以下不是在我的应用程序的 style.css 中执行的(默认设置太淡了;我需要在我的应用程序中更加强调它):
.mat-select-disabled, .mat-select-content, .mat-disabled, mat-select.mat-disabled {
opacity: 1.0 !important;
font-weight: bold !important;
color: black !important;
}
Run Code Online (Sandbox Code Playgroud)
搜索变通办法产生了一些我无法在这个快速变化的 API 中工作的建议。我很可能对 css 一无所知,但我发现使用 Material 进行小的样式更改比预期的要困难。