javascript 在Angular中，mat-icon显示为灰色

k10s72fa 于 12个月前发布在 Java

关注(0)|答案(3)|浏览(87)

我想显示红色的垫子图标，但它总是出现在灰色。有没有一种方法来显示红色的垫子图标？如果有人知道请让我知道。谢谢你

<mat-icon
    *ngIf="form.hasError('required', 'name') && isNameSubmitted"
    class="mdi mdi-24px mdi-alert-circle"
    matSuffix>
</mat-icon>

3条答案

可以如下进行：

.mat-form-field .mat-icon {
   color: red;
}

当使用Angular Material Theme时，默认的警告颜色通常是红色。在这种情况下，您可以用途：
<mat-icon color="warn">icon</mat-icon>
使用材质组件时，这通常是一个很好的做法，因为它会影响您可能不想手动设置样式的元素的其他部分。

angular material的方法是使用内置的颜色：

<mat-icon color="primary">clear</mat-icon>
<mat-icon color="accent">clear</mat-icon>
<mat-icon color="warn">clear</mat-icon>