1

要进行自定义input file,我已将其隐藏:

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

并为其设置了背景label

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

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

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

感谢分享

更新:这是一个问题。我测试过,它适用于 IE 和 FireFox,但不适用于 Chrome

4

1 回答 1

1

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

<input type="file" tabindex="-1">
于 2014-09-19T13:57:00.827 回答