更改角形材质复选框的颜色

Question

我一直很难找到一种解决方案，以使角度材料复选框中的选中标记的颜色变为白色。我尝试在主题之间进行更改，并遍历了所有堆栈文章，但似乎没有任何效果。如何获得选中标记变成白色？

<mat-checkbox class="buyItNowLabel" [(ngModel)]="buyItNowEnabled">Buy It Now Only</mat-checkbox>

Answer 1

我认为是这样

在component.css中

::ng-deep mat-checkbox.buyItNowLabel .mat-checkbox-checkmark-path {
    stroke: red !important;
}

在styles.css

中

mat-checkbox.buyItNowLabel .mat-checkbox-checkmark-path {
    stroke: red !important;
}

如果您要替换所有复选框的颜色，则可以将选择器更改为

在component.css中

::ng-deep mat-checkbox .mat-checkbox-checkmark-path {
    stroke: red !important;
}

在styles.css

中

mat-checkbox.mat-checkbox-checkmark-path {
    stroke: red !important;
}