Css 单选按钮背景并选中

提前感谢你的帮助

基本上我想实现一个单选按钮，当它没有被选中时，它会显示为一个白色的圆圈。 如果已检查，则最好仅使用填充的（无边距或轮廓）或标准

，以便在检查收音机时使用内圈的颜色。这里有一个例子

const useStyles=makeStyles({
根目录：{
“&：悬停”：{
背景色：“透明”
}
},
图标：{
宽度：16，
身高：16，
框影：“插入0 0 1px#f4f4，插入0-1px 0#f4f4”，
边界半径：“50%”，
背景颜色：“白色”，
“输入：悬停&”：{
背景颜色：“ebf1f5”
},
“输入：禁用~&”：{
boxShadow：“无”，
背景：“rgba（206217224，.5）”
}
},
检查公告：{
“&：之前”：{
框影：“插入0 0 1px#f4f4，插入0-1px 0#f4f4”，
边界半径：“50%”，
显示：“块”，
宽度：16，
身高：16，
背景图片：“径向梯度（#b33bdd，#b33bdd 47%，白色47%）”，
内容：“”“”
},
}
});

用法

函数样式Dradio（道具）{
const classes=useStyles（）；
返回(
);
}
...

现场演示

---

工作起来很有魅力。谢谢！