Mui Radio 填充颜色

Posted

技术标签:

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

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

让我举例说明它的外观。

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

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

【问题讨论】:

【参考方案1】:

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

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


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

【讨论】:

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

以上是关于Mui Radio 填充颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何更改 MUI 单选按钮选中的颜色?

当使用洪水填充算法填充颜色后绘制线条时,填充颜色消失

Excel从数值高到底填充不同颜色(按行排序),第一个填充一种颜色,第二种填充另一个颜色,第三种填充?

excel表用函数填充颜色的方法

表格填充颜色怎么弄

excel怎么自动填充颜色