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

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" />的样式非常棘手。