html input文件上传原理,html 文件上传控件 input=file 美化

html 文件上传控件 input=file  美化

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)';

}

选择文件