可能重复:
替换html中的文件浏览按钮的最佳方法是什么
如何使用CSS3/Javascript设计"输入文件"的样式?
是否可以更改<input type='file' />
的样式?
如果是,如何更改?chrome显示我在文件浏览输入中选择的文件名。
如何在文件浏览输入中隐藏文件名?
之前询问:
- 如何在Firefox中设置文件输入字段的样式
- 设置输入类型的样式=";文件";按钮
- 如何设计风格"输入文件";使用CSS3/Javascript
- 样式<输入类型=";文件">
- 在输入类型上改变光标类型="0";文件"
- https://stackoverflow.com/questions/3984815/jquery-best-way-to-style-a-input-file-tag
- 如何设置输入文件文本框的样式
如果你搜索它,它会从StackOverflow本身给你最好的答案。希望它能起作用!
否,不能更改。
然而,有一个技巧在网络上广为流传。这个想法是给<input type="file"/>
一个0.1
的不透明度值,并将其定位在图像的顶部。出于所有实际目的,它将是不可见的,只有图片是可见的,但它会收到鼠标点击。使用一些Javascript,您可以在页面的其他地方显示所选的文件名。
您可以使用几行javascript。这是示例演示http://jsfiddle.net/eyjsF/