我目前正在定制MUI的Select
方法,但是我发现很难悬停在"NarrowDownIcon"上:
我想在悬停时将此图标的backgroundColor
更改为"蓝色",这是我的代码:
icon: {
color: theme.palette.primary.dark,
height: 32,
width: 32,
top: `calc(50% - ${theme.spacing(2.2)}px)`,
borderRadius: "50%",
cursor: "pointer",
"&:hover": {
backgroundColor: theme.palette.primary.lighter,
},
},
然后我将这个CSS应用到选择图标类:
<Select
value={selectedValue}
onChange={onChange}
onFocus={onFocus}
onBlur={onBlur}
className={classes.textInput}
inputProps={{
id,
name: id,
}}
classes={{
icon: classes.icon,
}}
但是它不起作用,有人能帮我吗?谢谢。