css3自定义上传图片输入框的方法

最新推荐文章于 2022-08-13 19:08:48 发布

「已注销」

最新推荐文章于 2022-08-13 19:08:48 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/oMiracle123/article/details/54016980

版权

css3自定义上传图片输入框的方法

代码如下
   
  
  
          
   
   
            
   
   
        
  
  

.p6_wz1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;

}

.form1 {
    width: 2.4rem;
    height: 2.4rem;
    float: left;
    margin-left: 0.43rem;
    margin-top: 0.03rem;
    position: relative;

}

.form1 input {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}


ps:原理就是input设置透明度0 然后放最上面  图片放下面




查看原文：http://newmiracle.cn/?p=806