美文网首页
文件上传之IE10以下双击上传问题

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

作者: 5df463a52098 | 来源:发表于2018-06-28 20:28 被阅读35次

    在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.这样既不出现光标也能解决双击的问题。

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/sjmnyftx.html