input type="file"与cursor:pointer的兼容性问题

表单控件type=file的手势在chrome中自定义不起作用，一直都是箭头的形状，即使设置为cursor:pointer;也是不管用。具体表现如下：

 

默认样式“选择文件”的手势一直是“”，这是chrome的内设样式，没法修改。

解决方法：

　　(1)、搜索网上的解决方法都是设置font-size:0;opacity:0;但是设置之后只有“未选择”会消失，而“选择文件按钮”依然存在(只是透明度为0而已)。（抛弃）；

　　(2)、我认为的方法是把“选择文件”脱离视线，具体实现有很多方法，以下列举一些

　　　　第一、使用label，使用label的for属性与input的id属性，两者进行挂钩，input的opacity设为0，label做绝对定位处理。

　　　　第二、input的父元素做overflow：hidden；处理，然后input做font-size: 0;opacity:0;margin-left:-100px;然后设置一个比较大的宽高；

　　　　第三、其他方法比如给input定位了，或者其他都是和方法二一样的原理；

 

转载于:https://www.cnblogs.com/fqlGlog/p/7569823.html