目标样式为
概念作品,使用input
和span
标签,通过透明与定位来达成目的.
<div class="l">
<input type="file">
<span>点击</span>
</div>
input{
height: 60px;
width: 100px;
position: absolute;
opacity: 0;
}
span{
display: block;
margin: 15px 0 0 30px;
}
.l{
height: 60px;
width: 100px;
position: relative;
border: #008DE1 1px solid;
overflow: hidden;
}
由于绝对定位会脱离文档流,所以会在div
和span
的上面,但是它透明度为0,所以可以点击但是看不到.