小编Ped*_*Ped的帖子

角度材质选择:更改禁用选项的颜色

使用 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 进行小的样式更改比预期的要困难。

angular-material angular

4
推荐指数
2
解决办法
1万
查看次数

标签 统计

angular ×1

angular-material ×1