如何让多个 mat-select 为所选值选择不同的字体颜色？

Question

我想在一个页面上有多个 mat-select，每个 mat-select-value 都有不同的颜色。

当我将其放入 css 时，它会更改所有 selected 值的颜色：

:host ::ng-deep .mat-select-value {
    color: green !important;
}

我想要另一个 mat-select，它的 mat-select 值为蓝色。我该怎么做？

Answer 1

尝试<mat-select class="blue">然后

:host ::ng-deep .blue .mat-select-value {
    color: blue !important;
}

等等..

How to have have multiple mat-selects each with a different font color for the selected value?