更改 angular material 中的复选框颜色

Question

我正在使用 angular material(6.4.7)。我正在使用 select，我想更改 select 复选框的颜色。我试过 /deep/ 和 ::ng-deep 但没有成功。我想，我对这些复选框的使用方式不对。

这里是 stackblitz link

Answer 1

将此添加到 select-multiple-example.css 在堆栈闪电战中有效 link

::ng-deep .mat-primary .mat-pseudo-checkbox-checked {
    background: red;
}

Answer 2

我知道我的回答有点晚了，但这最适合我

// for color when checkbox is checked 
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: orange;
}

//to change the border color 
::ng-deep .mat-checkbox-frame{
  border-color: rgb(75, 75, 75, 0.7);
}