[英]change color on material ui select doesn't work, ReactJS
我有以下代码:
const useStyles = makeStyles({
select: {
'&:before': {
borderColor: 'white',
},
'&:after': {
borderColor: 'white',
},
'&:not(.Mui-disabled):hover::before': {
borderColor: 'white',
},
},
icon: {
fill: 'white',
},
root: {
color: 'white',
},
})
const classes = useStyles();
return (
<Box sx={ { width: '20%', height: '21%', position: 'relative', bottom: '15px', borderRadius: '10px', padding: '2px', color: 'white', outline: 'white' }}>
<FormControl fullWidth >
<InputLabel id="demo-simple-select-label" style={{color: 'white', borderColor: 'white'}}>Cidade</InputLabel>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={regiao}
label="Região"
onChange={e => (handleChange(e))}
inputProps={{
classes: {
icon: classes.icon,
root: classes.root,
},
}}
>
<MenuItem value={10}>Sao Paulo</MenuItem>
</Select>
</FormControl>
</Box>
但它不起作用。 当我去选择那里时,我的反应应用程序会闪烁。 如何从 MUI 更改颜色选择?
为您的组件添加样式,例如:
sx={{
'& .MuiTabs-indicator': {
borderColor:'white'
},
'& .MuiTab-root.Mui-selected': {
borderColor:'white'
}
}}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.