Css 如何更改基本角度材质的插入符号颜色？

我已经实现了一个基本的本地选择从角材料。在本例中，我想将select的插入符号颜色更改为绿色

HTML:

<mat-form-field >
     <select matNativeControl >
          <option> A </option>
          <option> B </option>
          <option> C </option>
     </select>
</mat-form-field>

无法确定如何将本机select元素中的插入符号颜色更改为绿色。

请尝试此操作

默认状态

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    color: green;
}

使用

！重要信息

用于聚焦颜色

还是用这个

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{
  color: green;
}

试试这个

默认状态

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    color: green;
}

使用

！重要信息

用于聚焦颜色

还是用这个

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{
  color: green;
}

---

谢谢Awais，它在默认状态下工作。但当选择字段处于焦点时，颜色仍然设置为主题颜色。关于如何更改native select的焦点颜色有什么建议吗？也可以更改，或者您想要相同的颜色？谢谢，这在默认状态下工作。但当选择字段处于焦点时，颜色仍然设置为主题颜色。关于如何更改native select的焦点颜色有什么建议吗？也可以更改，还是要相同的颜色？