css – md-checkbox角度材料样式

使用Angular4的Angular材料,我找不到一种方法来在选中后更改复选框颜色.

在初始视图中修改样式的唯一方法是：

:host /deep/ .mat-checkBox-inner-container{
     height:15px;
     width:15px; 
     background-color: rgba(0,255,0.87);
}

尝试在选中后更改样式,以下操作无效：

:host /deep/ .mat-checkBox-checked {
background-color:yellow;   
}

它实际上是在检查后应用,但是在错误的元素中 – 不适用于内部容器.

像：host / deep / .mat-checkBox-inner-container-checked这样的东西也不行.

欢迎任何帮助.

解决方法

试试这个:)

.mat-checkBox-checked.mat-accent .mat-checkBox-background,.mat-checkBox-indeterminate.mat-accent .mat-checkBox-background {
  background-color: rgb(27,142,241) !important;
}

.mat-ripple-element {
  background: rgba(27,241,.4) !important;
}