html部分代码如下:
<input type="file" name="file" id="file_headerpic" />
<label for="file_headerpic">上传照片</label>
css部分代码如下:
input[type=file]{
display: none;
opacity: 0;
}
label{
width: 90px;
height: 32px;
background: #FFFFFF;
border: 1px solid #2DA7E0;
border-radius: 6px;
}
最终效果如图: