更改角度材料中的复选框颜色

时间:2018-10-12 14:53:54

标签: angular angular-material angular6 angular-material-6

我正在使用角形材料(6.4.7)。我正在使用select,但想更改选择复选框的颜色。我尝试过/deep/::ng-deep,但没有成功。我认为,我对这些复选框使用的方式有误。

这里是link的堆叠闪电战

2 个答案:

答案 0 :(得分:4)

将其添加到select-multiple-example.css中可通过stack-blitz链接进行操作

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

答案 1 :(得分:0)

我知道我的回答有点晚了,但这对我来说是最好的

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