css 多选框

.checkbox label input{
    /* display:none; */
    opacity: 0;
}
.checkbox label span{
    display: inline-block;
    width:20px;
    height: 20px;
    /* border:1px solid #eeeeee; */
    cursor: pointer;


    position: relative;    
}


.checkbox label input[type="checkbox"]+span{
    display: inline-block;
    width:20px;
    height: 20px;
    /* content:"\2715"; */
    /* border:1px solid #CFCBC4; */
    
    cursor: pointer;
    background: url(../img/vcheck.png) no-repeat;
    background-size:20px 20px;
    color:black;
    margin-right:4px;
}
.checkbox label input[type="checkbox"]:checked+span{
    display: inline-block;


    width:20px;
    height: 20px;
    /* content:"\2714"; */
    /* border:1px solid green; */
    background: url(../img/check.png) no-repeat;
    background-size:20px 20px;
    cursor: pointer;
    color:#8C8984;
    margin-right:4px;
    font-weight:400;
}
阅读更多
个人分类: h5
上一篇css 常用
下一篇css 文字换行
想对作者说点什么? 我来说一句

美丽新世界新闻发布系统

2003年03月13日 543KB 下载

没有更多推荐了,返回首页

关闭
关闭