Angular Material: установите цвет границы поля ввода, встроенного в поле mat-form-field. ⇐ Html

[Anonymous]

Я использую Angular Material 21. Шаблон компонента состоит из двух элементов , каждый из которых содержит элемент . Я хотел бы установить красную рамку для первого элемента ввода по коду, если какое-то условие истинно.

Полный пример находится в stackblitz.
Это шаблон с двумя полями ввода:

Код: Выделить всё

first



second

Мне уже удалось установить красную рамку для обоих элементов ввода с помощью этого CSS (можно найти здесь):

Код: Выделить всё

.mat-form-field-appearance-outline .mat-form-field-outline {
color: red;
}

Как применить рамку только для первого поля ввода?

Спасибо за совет.

Подробнее здесь: https://stackoverflow.com/questions/798 ... in-mat-for