文件上传之IE10以下双击上传问题

2018-06-28  本文已影响35人  5df463a52098

在IE上input[type=file]部分区域单击弹出文件选择框,部分区域双击弹出选择框。如下图,

image.png
左侧双击弹出,右侧单击弹出。
而我们要处理成全部单击弹出文件选择框。
解决方法就是设置input的css:font-size:200px;
image.png
但是无论字体如何放大左侧还是和上图一样有一个小区域可双击,所以我们需要适度的调整input的margin-left和width。
这样就解决了input [type=file]在ie上双击上传的问题。
但是这个方法和上个文章解决ie上传光标问题 [https://www.jianshu.com/p/a7ca1a8153b1]产生冲突,因为同时设置了font-size。经过努力找到一个好的办法,设置input的font-size:200px,z-index:999,适度调整width和margin-left.这样既不出现光标也能解决双击的问题。
上一篇下一篇

猜你喜欢

热点阅读