<input type='file'> 文件上传在微信里的兼容问题

今天开发input上传图片组件，因为原生input的样式很丑，所以要把input隐藏在一个美化过的div之后，利用事件冒泡的原理实现点击div冒泡到input上来打开本地相册，那么问题来了。。

input设置display：none或visibility: hidden;之后并不能在微信浏览器点击到，其他浏览器则正常。

<input type='file' style='display:none'>

解决方法：display:none改成opacity:0;

<input type='file' style='opacity:0'>

为什么微信不能点击隐藏的input，目前我还不知道具体原因，有知道的可以留言，我弄清楚原因之后，再发出来。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容