Как изменить цвет иконки мат, когда фокус в поле ввода мат?

Question

Я использую mat-form-field и mat-icon, я хочу, чтобы, когда я нажимал или фокусировался внутри поля mat-form-field (поле ввода mat), цвет значка мата должен быть изменен, когда фокусировка на mat-icon остается прежним цветом. (Stackblitz) см. в этом примере и внесите изменения внутри

Answer 1

Вы можете добавить стиль ниже к вашему коду,

.mat-focused .mat-icon {
    color: red;
}