input file 上传隐藏美化

　　最近有一天，因为头像上传的 file 隐藏问题，加了个班，今天刚好有时间，赶紧记录一下。
　　先上代码，就是一个 css 样式优化。
　　

/*选择文件上传input css*/
.am-form-file
{
  position:relative;
  overflow:hidden;
}
.am-form-file input[type=file]
{
  position:absolute;
  z-index:1;
  width:100%;
  font-size:50rem;
  opacity:0;
  cursor:pointer;
}

html 文件

<li class="am-form-file">
    <div class="weui-cell__ft">
    <img id="icon" src="${member.face!''}"class="user-img">
    </div>
    <input id="file1" name="file" type="file" hidefocus="true" onchange="uploadyasuo(this.files,this.id);"accept="image/*">
</li>

注意重点，就是在 file 的父级容器设置样式，容器可以是 li div 等。

个人微信公众号，追寻自由，分享生活！