如何去掉 input type=file 的 “未选择任何文件”标志？

Question

在input选择file类型后，鼠标放到input上后显示一个，“未选择任何文件”的浮标，怎么把它去掉

Answer 1

方法有几种，这个文字主要就是 input 标签中的 title 属性的，所以，只要规避这个因素就好了。

http://jsbin.com/hokaqesovu/e...

<label for="upload-file">通过点击这里上传文件，修改一下样式</label>
<input type="file" id="upload-file" title="或者你可以通过这里修改成你要的文字">

label {
      padding: 0 5px;
      font-size: 12px;
      border-radius: 5px;
      color: #333;
      border: 1px solid #ccc;
      background-color: #fff;
    }
    
    input {
      display: block;
      margin-top: 100px;
    }

Answer 2

另写一个标签触发点击选择文件事件，把input file隐藏。

<label for="uploadImage" class="uploadImage">上传图片</label>
<input type="file" name="image" value="" id="uploadImage" hidden="hidden">

Answer 3

input[type="file"] {
color: transparent;
}

Answer 4

我一般都是现成新建一个 input 。。。。

e.g.

ele.on("click", function(){
    let input = document.createElement("input");
    input.type="file";
    input.click();
    input.onchange = function(){
        delete input;
    };
});

Answer 5

文件上传二三事