如何使未显示的输入或其标签“键盘选项卡可停止”
How to make a non-displayed input or its label `keyboard tab stoppable`?
为了拥有自定义的input file
,我将其隐藏为:
input[type="file"]{display:none;}
并为其label
:提供了背景
label.uploadfilelabel {background-image:url(../image.jpg);}
这种方法效果很好,但它引入了另一个问题:键盘选项卡不会停止在这个按钮及其标签上。我尝试使用tabindex="0"
,但没有结果。有什么方法可以停止这个隐藏按钮上的键盘选项卡吗?
当然,我更喜欢纯CSS
解决方案,但javascript解决方案(没有jQuery
)也是可以接受的。
感谢分享
更新:这是一个棘手的问题。我测试过,它在IE和FireFox中有效,但在Chrome 中无效
您应该试试这个。它有效,但请记住它是html5。
<input type="file" tabindex="-1">
相关文章:
- 我的单元测试选项是什么
- 如何更改bigquery API中的计费层选项
- 使用Javascript获取所选选项ID
- Selectize.js:如何对整数值的选项进行排序
- 通过js在新选项卡中有条件地打开url
- 关注键盘选项卡
- 辅助功能键盘专用选项卡到z索引“;返回顶部”;
- 将键盘和鼠标事件从一个浏览器选项卡发送到另一个
- 如何从钛中的选项对话框单击事件中隐藏Android软键盘
- 使用键盘上的“删除”键从选择框中删除所选选项
- 如何使未显示的输入或其标签“键盘选项卡可停止”
- Chrome扩展:如何使用键盘事件从任何地方重新加载选项卡
- JQuery . .改变焦点悬停状态&限制键盘导航选项卡区域
- 在没有键盘的情况下选择和取消选择列表中的多个选项
- 使用backbone.js时,键盘选项卡导航失效
- 在html4中自定义键盘选项卡顺序
- 当字符编码不同时,从键盘搜索选项
- 可以用键盘选项卡选择Span对象吗?
- 防止在键盘选项卡上滚动
- 禁用JQuery Ui选项卡键盘导航