如果禁用,Scss 会更改 mat-checkbox 的颜色

2024-05-12

在我的组件的 scss 文件中,我可以在选中时设置 mat-checkbox 的背景颜色:

/deep/.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #A5C73C;
}

现在,我需要在选中但禁用复选框时为复选框设置不同的颜色(必须始终选择某些数据并禁用其复选框以防止取消选中)。如何在 scss 中使用 /deep/ 指定禁用属性?


乌鲁斯的回答 https://stackoverflow.com/a/56901300/3291390让我走上正轨但是/deep/对我来说不起作用,所以我必须更改它才能使用::ng-deep伪类。请注意,根据文档 https://angular.io/guide/component-styles,这将使样式成为全局的。另外,就我而言,我必须使用!important使样式生效。

::ng-deep.mat-checkbox-checked.mat-accent.mat-checkbox-disabled .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ccc !important;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果禁用,Scss 会更改 mat-checkbox 的颜色 的相关文章

随机推荐