使用 sx prop Material ui v5 选择组件

Question

我在灰色背景上有一个下拉菜单，默认情况下有黑色文本，但我想将其更改为白色。我已经能够使用文本做到这一点，但选择的箭头仍然是默认的黑色。我该如何改变这个？我在docs 中找不到要传入的道具。不知道我在这里做错了什么。

这就是它的样子：

我的代码：

                  <Select
                    id="dropdown"
                    value={dropdownValue}
                    onChange={handleChange}
                    disableUnderline
                    variant="standard"
                    sx={{ color:"#ffffff" }}
                  >

                    <MenuItem value="DROPDOWN">DROPDOWN</MenuItem>
                    <MenuItem value="Value2">Value 2</MenuItem>
                  </Select>

Answer 1

    <Select
                    id="dropdown"
                    value={dropdownValue}
                    onChange={handleChange}
                    disableUnderline
                    variant="standard"
                    sx={{ color:"#ffffff" }}
inputProps={{style:{color:'red'}}}
                  >

                    <MenuItem value="DROPDOWN">DROPDOWN</MenuItem>
                    <MenuItem value="Value2">Value 2</MenuItem>
                  </Select>