要有一个自定义的输入文件
,我通过以下方式将其隐藏:
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/