Как изменить цвет стрелки в выберите без ng -deep или глобальных стилей - угловой материал 19 ⇐ CSS

[Anonymous]

Мое требование просты, я хочу изменить стрелку внутри Mate-Select на другой цвет.
Ниже приведены известные решения, но я не хочу реализовать. Определите класс для настройки стрелки. < /li>
< /ol>
Проблема с двумя подходами заключается в том, что во время обновления материала я должен переработать настройки, упомянутые в документах. Решение использует :: ng-deep , которое я не хочу.
scss:

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

:host ::ng-deep {
mat-select .mat-mdc-select-arrow {
color: red !important;
}
}
< /code>
 html: < /h3>
[h4]Basic mat-select[/h4]

Favorite food

@for (food of foods; track food) {
{{food.viewValue}}
}

demo

Подробнее здесь: https://stackoverflow.com/questions/796 ... bal-styles