更改角材料中的復選框顏色

Question

我正在使用角材料（6.4.7）。 我正在使用select ，我想更改選擇復選框的顏色。 我試過/deep/和::ng-deep但沒有成功。 我想，對於這些復選框，我以錯誤的方式使用它。

這是stackblitz 鏈接

Answer 1

將此添加到 select-multiple-example.css 在 stack-blitz 鏈接中有效

::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);
}