Как изменить цвет мат-ошибки (Angular Material)?

Question

Я использую матовую ошибку Angular Material внутри формы, чтобы показать ошибки валидации.По умолчанию они отображаются оранжевым цветом.Можно ли изменить стиль, чтобы они стали красными?

Я пробовал:

mat-error{
    color: red !important;
}

Безуспешно.

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

Answer 1

Вы можете настроить тему.См. здесь

Или добавьте ::ng-deep в css:

mat-error ::ng-deep{ color: red; } Однако метод ::ng-deep устарел, см. здесь

Answer 2

попробуйте это css.

 .mat-input-invalid .mat-input-placeholder {
    color: red;
}

.mat-input-invalid .mat-input-ripple {
    background-color: red;
}