更改文件浏览按钮的样式



可能重复:
替换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/

最新更新