使用按钮替代html表单中的input[file] html表单美化

在做前端的时候发现原有的input[file]太难看了，所以就去找了一个方法，用自己写的按钮将原有的input按钮遮住，实现按钮美化

原代码

<input  type="file" name="file" ><br><br><br>
<input class="button"  type =submit value="上传">

美化后

        <input type="file" id="file" name="file" runat="server"  style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;"   οnchange="filechang($(this))" >
        <input type="button" class="button" value="选择" style="margin-left:-223px" />
        <input class="button"  type =submit value="上传" style="margin-left: 30px">