思路就是:
input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。
<a href="javascript::" class="file">选择文件
<input type="file"></a>
<style type="text/css">
.file{
position:relative;
display:inline-block;
background:#D0EEFF;
border:1px solid #99D3F5;
border-radius:4px;
padding:4px 12px;
overflow:hidden;
color:#1E88C7;
}
.file input{
position:absolute;
font-size:100px;
right:0;
top:0;
opacity:0;
}
</style>