javascript - 如何制作非显示输入或其标签 `keyboard tab stoppable` ?

标签 javascript html css google-chrome tabstop

要有一个自定义的输入文件,我通过以下方式将其隐藏:

 input[type="file"]{display:none;}

并为其标签设置了背景:

 label.uploadfilelabel {background-image:url(../image.jpg);}

这种方法工作正常,但它引入了另一个问题:键盘选项卡不会停在该按钮及其标签上。我尝试使用 tabindex="0" 但没有结果。有什么方法可以停止这个隐藏按钮上的键盘选项卡吗?

当然,我更喜欢纯 CSS 解决方案,但 javascript 解决方案(没有 jQuery)也是可以接受的。

谢谢分享

更新:这是一个 fiddle of the problem .我测试过,它在 IE 和 FireFox 中有效,但在 Chrome 中无效

最佳答案

你应该试试这个。它有效,但请记住它是 html5。

<input type="file" tabindex="-1">

关于javascript - 如何制作非显示输入或其标签 `keyboard tab stoppable` ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25935366/

相关文章:

javascript - HTML 输入类型数字 min 和 max 属性在 IE 中不起作用

html - 具有 flex-grow 的相同宽度容器不起作用

html - 像 StackExchange 这样的可伸缩标题

jquery - 具有相同类的所有元素都受点击功能的影响

CSS:让 div 正确重叠?

javascript - 英特尔 XDK 包含最新的 cordova 脚本

显示 GIF 的 JavaScript 函数

javascript - 获取 : error that Gulp Pump requires 2 streams

html - 为什么我的 Google map 会溢出我的 CSS 网格容器?

javascript - 如何同时更改css和html文件