自定义上传按钮样式的终极解决方案_input透明法

最新推荐文章于 2021-08-03 20:46:09 发布

梦康

最新推荐文章于 2021-08-03 20:46:09 发布

阅读量1k

点赞数

原文地址：http://jingyan.baidu.com/article/6181c3e0708609152ff1537a.html

<style>
.div1{
float: left;
height: 41px;
background: #f5696c;
width: 144px;
position:relative;
}
.div2{
text-align:center;
padding-top:12px;
font-size:15px;
font-weight:800
}
.inputstyle{
    width: 144px;
    height: 41px;
    cursor: pointer;
    font-size: 30px;
    outline: medium none;
    position: absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0; 
    left:0px;
    top: 0px;
}
</style>
<div class="div1">
    <div class="div2">上传图片</div>
    <input type="file" class="inputstyle">
</div>