关于ie浏览器file标签必须双击的解决办法

ie浏览器file标签必须双击

在使用表单上传文件的时候，为了页面的美观，我们会使用一些式样来替换默认的file框，在谷歌浏览器和火狐浏览器下，单击就可以打开文件选择窗口，但在IE浏览器下，有时候却需要双击才能打开文件选择窗口。

原因：

首先我们要了解为什么会这样：
这是谷歌浏览器下的file框：

它由文件选择按钮和文件显示（暂且就这么叫吧！）两部分构成，单击任一部分都可以打开文件选择窗口。
这是ie浏览器下的file框：

和谷歌浏览器不同，只有浏览部分单击，才可以打开文件选择窗口，其他部分只能双击才能打开。

解决办法：

我们要做的就是把’浏览’这块放大，放大到和整个file标签一样大就行
用font-size 来设定大小。例如：font-size:130px;