无论如何从type = file输入中删除"no file selected"？

Question

无论如何,我似乎无法弄清楚使用type ="file"删除输入旁边显示的"No file selected"文本.

你们知道吗？

Answer 1

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

请享用

Answer 2

没有跨浏览器的方法来做到这一点."没有文件选择"文本位于窗口小部件的实现定义部分中,我不相信大多数浏览器提供了特定于浏览器的自定义方式.另一方面,当value属性为空时,您可以简单地使用CSS来覆盖文本.

Answer 3

您可以通过定义输入的宽度并隐藏超出的内容(不需要的"未选择文件 "文本)来完成此操作.

input {
    width: 132px;
    overflow:hidden;
}

这是jsfiddle的演示.

注意:每种语言都有自己的默认文本,它可能会呈现不同的输入大小.在巴西葡萄牙语,132px宽度是好的!

我的回答是基于stackoverflow上的类似问题.