Как мне изменить цвет заполнителя <input>, который находится внутри <mat-form-field> из углового материала?

Я пытаюсь изменить цвет заполнителя на БЕЛЫЙ в моем элементе ввода, используя.CSS. элемент это внутри

  <mat-form-field class="text-center">
    <input class="daniel" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search-bar">
  </mat-form-field>
Источник

2 ответа

Темы - это правильный способ окраски компонентов материала, однако, если вы хотите вручную переопределить метку во входных данных материала, вы можете сделать это следующим образом:

::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
    color:white;
}

https://stack59148369.stackblitz.io/

Источник

Цвета компонентов Angular Material зависят от тем. Это означает, что вы можете создать собственную тему, чтобы все работало. Если это может помочь, посмотрите, как создать тему:https://material.angular.io/guide/theming

Другим решением может быть перезапись стиля css, но в настоящее время я владею знаниями для заполнителя внутри компонента ввода.

Источник
Другие вопросы по тегам