html 文件上传控件 input=file 美化
<style type="text/css">
form {
width: 50px;
margin: 100px auto;
}
.fileDiv {
width: 100px;
height: 40px;
background-color: #00a2d4;
line-height: 40px;
text-align: center;
color: #FFF;
border-radius: 3px;
/*border: 1px solid #999;*/
position: relative;
overflow: hidden;
}
.fileDiv input {
width: 100px;
height: 40px;
background-color: #FFF;
position: absolute;
left: 0;
top: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
}
</style>
<form method="post" action="upload.php" enctype="multipart/form-data">
<div class="fileDiv">
<span>选择文件</span>
<input type='file' name='upload' accept="image/*"/>
<!--accept="image/png,image/jpeg,image/gif"-->
</div>
</form>
