如何解决全局禁用时,如何更改 Mat-Checkbox 的颜色?
我在我的项目中使用了 mat-checkbox 并为其指定了自定义颜色。但该颜色适用于所有禁用的复选框,用户无法确定哪个复选框被选中和禁用...
这是我选中的自定义颜色代码:
.mat-checkbox-checked
.mat-checkbox-layout
.mat-checkbox-inner-container
.mat-checkbox-background
.mat-checkbox-frame {
background-color: #00BCD2 !important;
}
现在,当复选框被选中和禁用时,我需要不同的颜色。 需要一些帮助!提前致谢!
解决方法
这是我用来更改复选框颜色的代码....
.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
background-color: #00BCD2;
}
谈论禁用颜色只需将 color="primary"
放在您的 <mat-checkbox>
标签中,它被禁用这将具有自定义禁用颜色(深灰色),选中时它将具有 {{1 }} 在复选框中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。