显示选项时修改 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 } 解决了这个问题