角垫复选框不同的边框颜色不同的复选框

时间:2020-06-30 07:11:48

标签: angular checkbox angular-material styles

我需要更改以下复选框的边框颜色,一个更改为绿色,另一个更改为红色。

<div style="margin-left:30%;margin-top: 20%;">
    <mat-checkbox>Hello</mat-checkbox><br>
    <mat-checkbox>Hai</mat-checkbox>
</div>

1 个答案:

答案 0 :(得分:0)

如果要覆盖特定的复选框边框,则可以覆盖该类:

.mat-checkbox-frame {
  border-color: red; 
}

如果要更改复选框颜色。 有一个颜色属性。

https://stackblitz.com/edit/angular-rwjynh