Ändern Sie den matSelect-Stil, wenn Optionen angezeigt werden

Question

Wie ändere ich die Eigenschaften von mat-select, wenn die Option aktiviert ist?

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

.selector:focus {
   color: green;
}

Ich habe versucht, den Fokus zu verwenden, aber es hat nicht sehr gut funktioniert und ich konnte auf das Pad klicken, um auszuwählen, ohne die Option zu öffnen.

Lösung: Problem durch Verwendung von

gelöst

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

Answer 1

我使用 .mat-select[aria-expanded="true"] { color: green } 解决了这个问题