index.html
<div class="zdy-box-relative a-upload">
<input type="file" name=""><img src="add.png"/>
</div>
index.css
.a-upload{
padding: 4px 10px;
height: 20px;
line-height: 20px;
position: relative;
top: 60px;
cursor: pointer;
color: #888;
background: #fafafa;
border: 1px solid #ddd;
border-radius: 4px;
overflow: hidden;
display: inline-block;
height: 120px;
margin: 0 5px;
zoom: 1 ;
}
.a-upload input {
position: absolute;
font-size: 100px;
right: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
cursor: pointer
}
.a-upload:hover {
color: #444;
background: #eee;
border-color: #ccc;
text-decoration: none
}
转自:https://www.haorooms.com/post/css_input_uploadmh