如何从 Chrome 中的文件输入中删除“未选择文件”工具提示？

Question

我想从 Google Chrome 中的文件输入中删除“未选择文件”工具提示（我看到 Firefox 中没有显示任何工具提示）。

请注意，我说的不是输入字段中的文本，而是当您将鼠标移到输入上时出现的工具提示。

我试过这个没有运气：

 $('#myFileInput').attr('title', '');

原文由 German Latorre 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是 webkit 浏览器的原生部分，您无法删除它。您应该考虑一个 hacky 解决方案，例如 覆盖 或 隐藏 文件输入。

一个 hacky 的解决方案：

 input[type='file'] {
  opacity:0
}

 <div>
    <input type='file'/>
    <span id='val'></span>
    <span id='button'>Select File</span>
</div>

 $('#button').click(function(){
   $("input[type='file']").trigger('click');
})

$("input[type='file']").change(function(){
   $('#val').text(this.value.replace(/C:\\fakepath\\/i, ''))
})

小提琴

原文由 Ram 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

可以使用 title 属性编辑默认工具提示

<input type='file' title="your text" />

但是，如果您尝试删除此工具提示

<input type='file' title=""/>

这行不通。这是我解决这个问题的小技巧，尝试在标题中加一个空格。它会起作用。:)

 <input type='file' title=" "/>

原文由 simon 发布，翻译遵循 CC BY-SA 4.0 许可协议