可能重复：
在 html 中替换文件浏览按钮的最佳方法是什么？
如何使用 CSS3 / Javascript 设置“输入文件”的样式？
可以改变风格 <input type='file' />吗？
如果是，如何改变？chrome 显示我在文件浏览输入中选择的文件名。
如何在文件浏览输入中隐藏文件名？
问问题
3896 次
3 回答
3
之前问过：
- 如何在 Firefox 中设置文件输入字段的样式？
- 为 input type="file" 按钮设置样式
- 如何使用 CSS3 / Javascript 设置“输入文件”的样式？
- 样式 <input type="file">
- 更改输入类型=“文件”上的光标类型
- https://stackoverflow.com/questions/3984815/jquery-best-way-to-style-a-input-file-tag
- 如何设置输入文件文本框的样式？
如果您搜索它，那么它会为您提供 StackOverflow 本身的最佳答案。希望它会奏效！
于 2012-09-04T09:45:51.217 回答
2
不，它不能改变。
然而，有一个技巧在网络上广为流传。这个想法是给出<input type="file"/>一个不透明度值0.1并将其放置在图像的顶部。出于所有实际目的，它将是不可见的，只有图片可见，但它会收到鼠标点击。使用一些 Javascript，您可以在页面的其他位置显示选定的文件名。
于 2012-09-04T09:41:42.220 回答
0
您可以使用几行 javascript。这是示例演示http://jsfiddle.net/eyjsF/
于 2012-09-04T09:55:50.423 回答