css - 阻止浏览器自定义浏览按钮

Question

如何防止浏览器自定义按钮，例如 Chrome 就可以。

我想删除那个“No f ... sen”。最好的方法是什么？

Answer 1

您可以在非 IE10+ 浏览器中删除文本部分以使其透明的唯一方法：

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

但是，我不建议这样做，因为在选择文件时您也将无法看到文本。

对于 IE10，您可以使用以下样式对其进行样式设置：

input[type=file]::-ms-value { /* styles here */ }

在 WebKit 中，您可以使用以下方式设置按钮本身的样式：

input[type=file]::-webkit-file-upload-button { /* styles here */ }

在 IE10 中，您可以执行以下操作：

input[type=file]::-ms-browse { /* styles here */ }

Answer 2

尝试用谷歌搜索“Css 样式文件输入”；）

这将导致：http ://www.quirksmode.org/dom/inputfile.html

的造型<input type="file" />真的很棘手。