更改 Angular mat 芯片默认颜色

Question

我是 Angular 新手，我正在尝试使用全局 CSS 文件更改 mat 芯片默认颜色，但出于某种原因它不允许我更改默认芯片颜色和内部文本颜色。

主页.组件 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);
}

这就是 mat-card 内部的样子

Answer 1

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

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