如何改变Material-UI按钮的tabIndex？

Question

我在我的一个 ReactJS 项目中使用 Material-UI。我有几个按钮：一些 - primary，其余的是 secondary。我想要实现的是禁用 secondary 按钮上的 tabIndex 属性，只留下可通过键盘选项卡访问的 primary 按钮。

事实证明，为 Button 组件设置 tabIndex 属性不起作用，也无法通过 inputProps 设置 tabIndex:

<Button
  variant="contained"
  tabIndex="-1"  //does not work
  size="small"
  startIcon={SearchIcon}
  color='secondary'
  inputProps={{ tabIndex: "-1" }}  //does not work either
 > some text
</Button>

如何通过键盘选项卡禁用辅助按钮的可访问性？我不能通过 CSS 为元素设置 tabindex 属性，可以吗？

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

对于文本字段和输入，您必须这样编码

      <TextField label="1" inputProps={{ tabIndex: "1" }} />

对于按钮，您的代码必须像这样

      <Button tabIndex="2">Button 2</Button>

如何改变Material-UI按钮的tabIndex？

How to change Material-UI Button's tabIndex?

button

tabindex

reactjs

material-ui