Как стилизовать угловой материал для матового поля/matinput ⇐ CSS

[Anonymous]

Я использую новейшую версию Angular Material (V16), и я пытаюсь стилизовать MATINPUT (внутри поля MAT), и у меня возникают некоторые проблемы с поведением. Я просто хочу переопределить цвет ввода, когда я не трогал. Я также хочу изменить цвет заполнителя и матовой марки.
Я нашел решение с NG-Deep, которое работает частично, но стиль остается примененным, даже входные данные имеют ошибку или сфокусированный. Он всегда сохраняет этот зеленый цвет для границы, но если есть ошибки, я хочу иметь границу красного цвета, если он сфокусирован, я хочу иметь цвет по умолчанию для сфокусированного (синий в этом случае). < /P>
::ng-deep .mdc-notched-outline__leading {
border-color: green !important;
}
::ng-deep .mdc-notched-outline__notch {
border-color: green !important;
}
::ng-deep .mdc-notched-outline__trailing {
border-color: green !important;
}


Подробнее здесь: https://stackoverflow.com/questions/772 ... d-matinput