Mui Radio 填充颜色

【问题标题】：Mui Radio filled colorMui Radio 填充颜色
【发布时间】：2021-06-17 03:44:18
【问题描述】：

我正在使用 Mui 来设计我正在开发的网站。我想知道是否有人对如何设置单选按钮的样式有任何见解，以便在选择时完全填充一种颜色。这必须与 Mui 单选按钮一起使用。

让我举例说明它的外观。

我希望它看起来像第一个单选按钮。它目前看起来像梅里的第四个。

我还需要对样式化组件执行此操作。

【问题讨论】：

标签： css reactjs material-ui styled-components

【解决方案1】：

您可以通过在 checkedIcon 道具中提供不同的图标来更改默认图标（您可以使用镜头图标来实现第一个按钮）。 here 还有其他图标。选择你需要的那个

import Lens from "@material-ui/icons/Lens


return (
   <Radio
          value="example"
          label="example"
          checkedIcon={<Lens></Lens>}
        />
   )

【讨论】：

将其更改为镜头解决了我需要的问题。非常感谢您的知识！