更改Angular垫子芯片的默认颜色

Question

我是Angular的新手，我试图使用全局CSS文件更改垫芯片的默认颜色，但由于某些原因，它不允许我更改默认芯片颜色和内部文本颜色。

主页组件HTML

<mat-chip-list>
<mat-chip>Tag1</mat-chip>
</mat-chip-list>

全球CSS

.mat-chip{
background-color:mat-color($accent);
color: mat-contrast($positive,50);
}

这就是它在垫子卡里面的样子

Answer 1

您可以使用!important运算符，如下所示：

.mat-chip{
background-color: mat-color($accent) !important;
color: mat-contrast($positive,50) !important;
}