角材料设计复选框黑色前景色（符号颜色）

Question

我<mat-checkbox> ... </mat-checkbox>在应用程序中使用了一个组件，我需要将符号的颜色（“ tick”？）设置为黑色。我可以通过CSS设置背景颜色，但“前景”颜色无效。

码：

my.ts
          <mat-checkbox name="{{field.name}}"
                        [ngModel]="field.valueChecked"
                        ...
                        [ngClass]="{
                 'mandatory': field.mandatory == true
                 ,'optional': field.mandatory == false
                 ,'checkbox' : true}"
                 >
          </mat-checkbox>


my.css
    .checkbox {
        background-color: #3197ee !important;
        color: #050911 !important;
    }

任何解决方法如何改变颜色都欢迎！

Answer 1

试试这个

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

要么

/deep/ .mat-checkbox-checkmark-path {
    stroke: #000 !important;
}