图像按钮上传文件CSS

Question

我想使用图片作为按钮上传文件。图像是150x150的正方形。单击方框时，应打开文件对话框。我该怎么做？

Answer 1

无法设置文件类型输入的样式，但有一种解决方法，请参阅Quirks Mode documentation on this。

基本上，您可以使输入完全透明，并将图像置于下方。

Answer 2

看看A file input button for all browsers, is this possible? - 这是使用另一个按钮元素，但它可以使用图像。

Answer 3

此链接可能有用：http://www.filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/

它解释了如何：

1. 添加一个“背景层”，你自己的设计就在这个领域。
2. 将“基本文件按钮”的样式更改为透明，然后将其放在图层上。

您还可以找到一些“jQuery插件”来转换您所有的表单字段：

1. http://uniformjs.com/ - ＆gt;均匀

希望就是你想要的。

阿卡。

Answer 4

您可以声明输入文件和图像，然后隐藏“选择文件”按钮BY PUTTING DIV ON IT。 div应与背景相同。

然后使用jquery将图像链接到按钮并使用触发器