Угловой ввод материала с плавающей меткой Изменение цвета по умолчанию

Question

Могу ли я изменить плавающий по умолчанию фиолетовый цвет этикетки?

 <mat-form-field>
 <input matInput placeholder="My Lable" formControlName="my-Lable">
</mat-form-field>

Answer 1

Я предпочитаю <mat-label></mat-label>, чем *placeholder*

<mat-form-field>
<mat-label>Agent Code</mat-label>
<input matInput>
</mat-form-field>

, тогда вы просто позвоните в css

mat-label {
  color: blue;
}

Answer 2

Атрибут пользовательского цвета темы материала: color = "primary" или "accent" или "warn", для дополнительных цветов вы можете использовать пользовательские темы или переопределить цвет в файле css.

 <mat-form-field color="accent"> <------here
   <input matInput placeholder="My Lable" formControlName="my-Lable">
 </mat-form-field>