将浏览按钮设置为看起来像链接

Question

  

可能重复：
  Making a <button> that's a link in HTML
  How apply CSS to browse button

如何将浏览按钮设置为看起来像链接？

我的意思是

<input type=file />

Answer 1

尝试这种方法：

1. 在输入文件的顶部叠加div。

2. 将输入文件的不透明度更改为0.

   div.text {
       position: absolute;
       top: 0;
       left: 0;
       text-decoration: underline;
       color: blue;
   }
   div.wrapper {
       position: relative;
   }
   input { opacity: 0; }
   ​
   
   <div class="wrapper">
        <div class="text">I'm not a link you fool</div>
       <input type="file"/>
   </div>
   ​
   

演示：http://jsfiddle.net/codef0rmer/BZeMG/

Answer 2

本教程应该是帮助你，

http://www.quirksmode.org/dom/inputfile.html

Answer 3

如果您正在谈论<input type=file />的浏览按钮，则无法执行此操作。你必须去一个jquery / ajax文件上传插件，用自定义的东西替换原始按钮。看看这里的清单：

http://creativefan.com/10-ajax-jquery-file-uploaders/

看看你是否找到了自己喜欢的东西。