角材料2：如何为元素全局设置主题颜色？

Question

是否可以为应用程序中的所有按钮全局设置主题颜色？ （我不想更改Angular Material主题，我只是想能够将其全局应用）

我正在将Angular 6与Angular Materials 2一起使用。

我正在利用材料主题。

当前，我可以通过将颜色设置为主要/重点来完成每个按钮的操作：

<button mat-button mat-dialog-close [mat-dialog-close]="true" tabindex="0" mat-primary color="primary">My Awesome Button</button>

但是我希望能够进行全局设置，以便我只添加 <button>Click Me</button>，它将自动使用主要主题颜色。

在我的styles.css中，我尝试通过这种方式进行设置，但无法识别“主要”值。

.button {
  color: primary;
}

编辑： 实际尝试过。

button {
  color: primary;
}

Answer 1

<button mat-button mat-dialog-close [mat-dialog-close]="true" tabindex="0" >My Awesome Button</button>

在您的styles.css中，使用mat-button选择器

.mat-button{
background: #ffd740;//accent//you can customize it accordingly
}

Demo