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

Question

在我的组件的 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/指定禁用属性？

Answer 1

Usr's answer让我走上正轨，但 /deep/对我不起作用，所以我不得不更改它以使用 ::ng-deep伪类。注意根据the documentation ，这将使样式全局化。另外，就我而言，我不得不使用 !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;
}