最近有一天，因為頭像上傳的 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 等。

個人微信公眾號，追尋自由，分享生活！