更改默认材质用户界面收音机选中的颜色
更改默认材质用户界面收音机选中的颜色
提问于 2022-04-12 09:14:14
我已经看过与此相关的其他线程，但不幸的是，我无法更改材料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',
},
}}
/>回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-12 10:19:11
因为使用了两个选择器- &和&.Mui-checked，所以在未选中状态下覆盖复选框的颜色。因此，您应该摆脱&，一切都会很好：
<Radio
{...props}
sx={{
color: "red",
"&.Mui-checked": {
color: "green"
}
}}
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71840019
复制相关文章
相似问题
腾讯云开发者
