顯示選項時修改 matSelect 樣式

Question

當選項開啟時如何更改 mat-select 的屬性？

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

.selector:focus {
   color: green;
}

我嘗試使用焦點，但效果不太好，可以點擊墊選擇而不打開選項。

解決方案：使用解決了問題

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

Answer 1

我用 .mat-select[aria-expanded="true"] { color: green } 解決了這個問題