如何更改基本角材料原生选择的插入符号颜色？

Question

我已经从Angular Material实现了基本的本机选择。在此，我想将select的插入号颜色更改为绿色。

HTML：

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

CSS：

.mat-form-field.mat-focused {
        .mat-form-field-ripple {
            display: none;
        }
        .mat-form-field-required-marker {
            color: green;
        }
    }

.mat-form-field {
   .mat-form-field-underline {
        background-color: green;
    } 
}

.mat-form-field.mat-form-field-invalid {
    .mat-form-field-ripple {
        background-color: red;
    }
}

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

Answer 1

尝试一下

默认状态