更改“未选择文件”：

Question

我有一个“选择文件”按钮，如下所示（我使用的是 Jade，但它应该与 Html5 相同）：

  input(type='file', name='videoFile')

在浏览器中，这会显示一个按钮，旁边有一个文本“未选择文件”。我想将“未选择文件”文本更改为其他内容，例如“未选择视频”或“请选择视频”。我在这里遵循了第一个建议：

我不想在文件输入字段中看到“未选择文件”

但是这样做并没有改变文本：

  input(type='file', name='videoFile', title = "Choose a video please")

谁能帮我找出问题出在哪里？

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

Answer 1

我很确定您不能更改按钮上的默认标签，它们在浏览器中是硬编码的（每个浏览器都以自己的方式呈现按钮标题）。查看此 按钮样式文章

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

Answer 2

使用 css 隐藏输入，添加标签并将其分配给输入按钮。标签将是可点击的，当点击时，它会启动文件对话框。

 <input type="file" id="files" class="hidden"/>
<label for="files">Select file</label>

如果需要，然后将标签样式设置为按钮。

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