css - 更改角垫芯片默认颜色

Question

我是 Angular 的新手，我正在尝试使用全局 CSS 文件更改垫子芯片默认颜色，但由于某种原因，它不会让我更改默认芯片颜色和内部文本颜色。

Homepage.component 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 里面的样子

标签： cssangularangular-materialtagsstyles

Answer 1

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

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