时间戳

首页 > 解决方案 > 如何覆盖 Material UI 单选按钮的 focusVisible 属性

material-ui - 如何覆盖 Material UI 单选按钮的 focusVisible 属性

问题描述

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

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

我可以定位输入并使用本机焦点可见状态并应用样式，但旧浏览器不太支持它。

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

标签： material-uiradio-buttononfocuskeyboard-focusfocus-visible

解决方案

尝试这个：

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


Add root class,

<Radio className={classes.root}/>

推荐阅读