如何解决如何更改 Material-UI 按钮的 tabIndex?
我在我的一个 ReactJS 项目中使用了 Material-UI。 我有几个按钮:一些 - 主要,其余的是次要。我想要实现的是禁用 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 属性,可以吗?
任何帮助将不胜感激。 谢谢。
解决方法
对于文本框和输入,你必须像这样编码
<TextField label="1" inputProps={{ tabIndex: "1" }} />
对于按钮,你的代码必须是这样的
<Button tabIndex="2">Button 2</Button>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。