input file样式美化—input透明法

默认的上传按钮不好看，而且样式不易修改，在不同浏览器中展现的形式也不一样。

     美化方案:将要用来修改的样式放在一个div中，放在input按钮的下面，而input显示透明。
<style>

.div1{ float: left; height: 40px; background: #f5696c; width: 145px; position:relative;}

.div2{ text-align:center; padding-top:12px; font-size:15px; font-weight:bold}

.input{ width: 145px; height: 40px; position: absolute;  filter:alpha(opacity=0); opacity:0;  left:0px; top: 0px;}

</style>

<div class=”div1″>

          <div class=”div2″>上传图片</div>

          <input type=”file” class=”input”>

     </div>