Angular Materials 2: Как глобально установить цвет темы для элемента? - PullRequest
0 голосов
/ 27 июня 2018

Есть ли способ глобально установить цвет темы для всех кнопок в моем приложении? (Я не хочу менять тему «Угловой материал», я просто хочу иметь возможность применять ее глобально)

Я использую 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;
}

EDIT: На самом деле пытался.

button {
  color: primary;
}

1 Ответ

0 голосов
/ 27 июня 2018
<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

...