自定义<input type="file">样式1

<div class="u-upload">

<button type="button">上传文件</button>

<input type="file"/>

</div>

<span class="u-upload">

<button type="button">上传文件</button>

<input type="file"/>

</span>

<a href="#" class="u-upload">

<button type="button">上传文件</button>

<input type="file"/>

</a>

<a href="#" class="u-upload">

<button type="button">上传</button>

<input type="file"/>

</a>

<style type="text/css">

/* 定制文件上传按钮 */

.u-upload{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;}

.u-upload button{height:32px;padding:0 10px;border:1px solid #ccc;overflow:visible;font-size:14px;color:#666;background:#ddd;}

.u-upload input{position:absolute;top:0;right:-1px;font-size:100px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}

.u-upload:hover button{border-color:#bbb;color:#333;background:#ccc;}

a.u-upload,a.u-upload:hover{text-decoration:none;}

</style>