type=file的inpu美化，自定义上传按钮样式代码

用input本身的属性做的上传按钮，在不同的浏览器中长得都不一样。如下图的几个： 但是对input设置的样式只能加在输入框上，对上传按钮根本不起作用。那么有一个超级简单的方法，就是先用一个div制作你要的上传按钮的样式，将实际的上传按钮input设置透明，并定位在设置样式的div上面。 例子： html部分： <div> <div>点击上传</div> &lt;input type="file" &gt; </div> css部分： &lt;style&gt; .div1 { position: relative; } .div2 { width: 100px; height: 36px; backgrou