Angular Цвет заполнителя поля формы

Question

У меня есть форма с вводом в mat-form-field. Он включает в себя заполнитель, но я не знаю, как установить цвет текста заполнителя.

Когда я ранее не фокусировал ввод, цвет заполнителя серый:

Когда входной сигнал сфокусирован, он становится фиолетовым:

Когда вход теряет фокус, он становится красным:

Мне нужно поменять фиолетовый. Я пробовал это решение: https://css-tricks.com/almanac/selectors/p/placeholder/ Но у меня это не сработало.

Есть идеи?

ОБНОВЛЕНО:

Это проверяемый ввод:

<input _ngcontent-bqk-c14="" class="inputSearch input-textstyle mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-pristine ng-invalid ng-touched" formcontrolname="description" matinput="" type="text" ng-reflect-autocomplete="[object Object]" ng-reflect-name="description" ng-reflect-placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Buscar" ng-reflect-type="text" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" id="mat-input-1" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Buscar" aria-invalid="true" aria-required="false">

Заранее спасибо!

Answer 1

В style.scss файле поместите следующий стиль

.mat-input-placeholder {
    color: red; /* Any color */
}

Обратите внимание, это повсеместно переопределит стиль по умолчанию Angular Материал. Если вы хотите применить это только внутри компонента, вставьте ниже в your.component.scss файл

::ng-deep .mat-input-placeholder { 
   color: red; /* Any color */
}