Modifier le style matSelect lors de l'affichage des options

Question

Comment modifier les propriétés de mat-select lorsque l'option est activée ?

<mat-select class="selector">
     <mat-option><mat-option>
</mat-select>

.selector:focus {
   color: green;
}

J'ai essayé d'utiliser le focus mais cela n'a pas très bien fonctionné et j'ai pu cliquer sur le pavé pour sélectionner sans ouvrir l'option.

Solution : Problème résolu en utilisant

.mat-select[aria-expanded="true"] { 
    color: green 
}

Answer 1

J'ai résolu ce problème en utilisant .mat-select[aria-expanded="true"] { color: green }