如何覆盖 Material UI 单选按钮的 focusVisible 属性答案

【问题标题】：How Can I override focusVisible property for a Material UI radio button如何覆盖 Material UI 单选按钮的 focusVisible 属性
【发布时间】：2020-11-27 21:27:17
【问题描述】：

我正在使用 Material UI - 单选按钮

我想覆盖他们的 focusVisible 属性，您可以在其中将样式应用于焦点复选框仅通过键盘

我可以定位输入并使用本机焦点可见状态并应用样式，但它在旧版浏览器中不受很好的支持。

Material UI 实现了自己的 focusVisible 状态，但无法弄清楚如何覆盖它。有什么建议吗？

【问题讨论】：

标签： material-ui radio-button onfocus keyboard-focus focus-visible

【解决方案1】：

试试这个：

root: {
    color: 'blue',
    "&.Mui-focusVisible": {
      color: "orange"
    },
  },


Add root class,

<Radio className={classes.root}/>

【讨论】：