全局禁用时如何更改 Mat-Checkbox 的颜色？

Question

我在我的项目中使用了 mat-checkbox 并为其指定了自定义颜色。但该颜色应用于所有禁用的复选框，用户无法确定哪个复选框被选中和禁用...

这是我选中时自定义颜色的代码：

.mat-checkbox-checked 
.mat-checkbox-layout
.mat-checkbox-inner-container
.mat-checkbox-background
.mat-checkbox-frame {
  background-color: #00BCD2 !important;
}

现在，当复选框被选中和禁用时，我需要不同的颜色。需要一些帮助！提前致谢！

Answer 1

这是我用来更改复选框颜色的代码....

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #00BCD2;
}

，谈论残疾颜色只会将color="primary"放在您的<mat-checkbox>标签中，在该标签中，它将具有自定义禁用颜色（深灰色），当检查时，它将具有#00BCD2(light blue) 在复选框中。

全局禁用时如何更改 Mat-Checkbox 的颜色？

How do I change color of Mat-Checkbox when it is disabled Globally?

html

css

angular-material

angular

angular5