使用Angular4的Angular材料,我找不到一种方法来在选中后更改复选框颜色. @H_404_2@在初始视图中修改样式的唯一方法是：

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

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

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

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

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

@H_404_2@欢迎任何帮助.

.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;
}