reactjs - 更改箭头/图标颜色材料 ui 选择

Question

我正在尝试将我的图标更改为白色

这是我当前的代码，但不确定如何更改图标颜色属性：

链接到代码沙盒示例

 <NativeSelect
    
      disableUnderline
      style={{
        paddingLeft: 10,
        borderRadius: 20,
        color: "white",
        background: "#121c30",
        boxShadow: "0px 5px 8px -3px rgba(99,0,0,0.14)",
      }}
      
      defaultValue={"Last 7 days"}
      onChange={handleChange}
    >
      ......

    </NativeSelect>

标签： reactjsmaterial-ui

Answer 1

该材料为您提供了一个类，用于更改该图标的颜色。

.MuiNativeSelect-icon {
   color: red
}