【问题标题】:Image Button To Upload Files CSS图片按钮上传文件 CSS
【发布时间】:2011-03-07 07:40:16
【问题描述】:

我想使用图像作为按钮上传文件。图像是一个 150x150 的正方形。当我单击方块时,应该打开文件对话框。我该怎么做?

【问题讨论】:

标签: jquery html css file


【解决方案1】:

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

基本上,您使输入完全透明并将图像放置在下方。

【讨论】:

    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

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

      它解释了如何:

      1. 在现场添加您自己的设计的“背景层”。
      2. 将“基本文件按钮”的样式更改为透明并将其放在图层上。

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

      1. http://uniformjs.com/ -> 制服

      希望就是你想要的。

      阿卡。

      【讨论】:

        【解决方案4】:

        您可以声明输入文件和图像,然后通过在其上放置一个 DIV 来隐藏“选择文件”按钮。 div应该和背景一样。

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2013-10-21
          • 1970-01-01
          • 2018-07-19
          相关资源
          最近更新 更多