输入文件类型隐藏

Question

我想隐藏用户上传文件的浏览按钮。我该怎么做？

.fa-cloud-upload {
    position: absolute;
    top: 5%;
}

<label class="file_upload">
     <input type="file" name="uploads" accept="image/*, video/*"/><i class="fa fa-cloud-upload" aria-hidden="true" style="font-size: 85px;"></i>
</label>

Answer 1

您可以隐藏输入并使用标签打开文件，请参见下面的示例：

<label for="myInputFile">
  <img src="https://cdn1.iconfinder.com/data/icons/hawcons/32/699329-icon-57-document-download-128.png">
  <input type="file" name="myInputFile" id="myInputFile" style="display:none;" />
</label>