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
Processed:
0.015, SQL:
12
