在我的组件的 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(使用前将#替换为@)