Angular mat-checkbox 不同复选框的不同边框颜色

【问题标题】：Angular mat-checkbox different border-colors for different checkboxesAngular mat-checkbox 不同复选框的不同边框颜色
【发布时间】：2020-10-20 10:33:31
【问题描述】：

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

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

【问题讨论】：

标签： angular checkbox angular-material styles

【解决方案1】：

如果你想覆盖特定的复选框边框，你可以覆盖类：

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

如果你想改变复选框的颜色。有颜色属性。

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

【讨论】：

我可以使用以下方法更改边框颜色。 ::ng-deep .mat-checkbox .mat-checkbox-frame { 边框颜色：绿色；但我需要为两个复选框设置两个不同的颜色。
你有没有检查过url示例，不仅是边框，复选框的颜色也不同
Hello 它不工作。
...尝试 color="primary" 而不是 [color]="primary"
很高兴听到这有帮助。你能接受这个作为答案吗？