我已经查看了与此相关的其他线程,但不幸的是我无法更改 Material ui 默认的红色选中颜色。
下面是我的代码:
return (
<FormControl>
<FormLabel>{label}</FormLabel>
<RadioGroup row
name={name}
value={value}
onChange={onChange}
{
items.map(
item => (
<FormControlLabel key={item.id} value={item.id} control={<Radio />} label={item.title} />
)
)
}
</RadioGroup>
</FormControl>
)
我只是希望能够将选中的单选颜色从红色更改为蓝色。
我尝试了以下方法,但没有成功:
<Radio
{...props}
sx={{
'&, &.Mui-checked': {
color: 'blue',
},
}}
/>
最佳答案
因为您使用了 2 个选择器 - &
和 &.Mui-checked
,所以您会覆盖处于未选中状态的复选框的颜色。因此,您应该摆脱 &
,一切都会正常工作:
<Radio
{...props}
sx={{
color: "red",
"&.Mui-checked": {
color: "green"
}
}}
/>
关于javascript - 更改默认 Material ui 单选复选框颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71840019/