Reactjs 覆盖MuiLink上可见的焦点

我想覆盖我应用程序中所有（材质ui）

链接

上的

focusVisible

属性

我知道我可以用

const useStyles = makeStyles(() => ({
  focus: {
    backgroundColor: 'yellow',
  },
}));

然后

const classes = useStyles();
// ...
<Link classes={{ focusVisible: classes.focus }}>{linkText}</Link>

但它似乎没有提高这个价值

---

我需要做什么才能将我选择的

focusVisible

样式全局应用于应用程序中的所有

链接

？

focusVisible

作为没有参考选择器的实用程序类名提供。它应该使用以下全局覆盖来工作：

const myNewTheme = createMuiTheme({
  overrides: {
    MuiLink: {
      root: {
        '&.Mui-focusVisible': {
          backgroundColor: 'yellow',
        },
      },
    },
  },
});

---

太棒了，这已经成功了，谢谢！

const myNewTheme = createMuiTheme({
  overrides: {
    MuiLink: {
      root: {
        '&.Mui-focusVisible': {
          backgroundColor: 'yellow',
        },
      },
    },
  },
});