我正在使用SELECT组件,并希望定制第一个menuItem默认背景 colored颜色 ,但我找不到相应的类,因为如果我们单击Inspect,背景 colored颜色 就会被删除.
Steps to reproduce:个
1.点击 Select .
2.在第一个menuItem中,应用默认背景.
3.点击鼠标右键查看.
4.第一个menuItem中的背景色正在消失,因此无法判断或更新背景色.
Expected:个
第一个menuItem的背景 colored颜色 应该是可自定义的.
import * as React from 'react';
import Box from '@mui/material/Box';
import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl';
import Select, { SelectChangeEvent } from '@mui/material/Select';
export default function BasicSelect() {
const [age, setAge] = React.useState('');
const handleChange = (event: SelectChangeEvent) => {
setAge(event.target.value as string);
};
return (
<Box sx={{ minWidth: 120 }}>
<FormControl fullWidth>
<InputLabel id="demo-simple-select-label">Age</InputLabel>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={age}
label="Age"
onChange={handleChange}
>
<MenuItem value={10}>Ten</MenuItem>
<MenuItem value={20}>Twenty</MenuItem>
<MenuItem value={30}>Thirty</MenuItem>
</Select>
</FormControl>
</Box>
);
}