要进行自定义input file
,我已将其隐藏:
input[type="file"]{display:none;}
并为其设置了背景label
:
label.uploadfilelabel {background-image:url(../image.jpg);}
这种方法效果很好,但它引入了另一个问题:键盘选项卡不会在此按钮及其标签上停止。我尝试使用tabindex="0"
没有结果。有什么办法可以停止这个隐藏按钮上的键盘选项卡?
当然,我更喜欢纯CSS
解决方案,但 javascript 解决方案(不带jQuery
)也是可以接受的。
感谢分享
更新:这是一个问题。我测试过,它适用于 IE 和 FireFox,但不适用于 Chrome