您现在的位置是：首页 > 文章详情文章详情

修改CheckBox多选按钮的背景色

会飞的猪 2020-02-19 80人已围观

简介白码驿站是一个面向开发者的知识共享社区,专注于为开发者打造一个纯净的技术交流社区(源码下载,免费在线图片压缩,jquery插件,插件下载,JS/CSS在线压缩。)-白码驿站

修改CheckBox多选按钮的背景色

                                        
input[type=checkbox]
{
    margin-right:5px;
    width:13px;
    height:13px;
}
input[type=checkbox]:after
{
    width: 100%;
    height: 100%;
    top: 0;
    content: " ";
    background-color:White;
    color: #000000;
    display: inline-block;
    visibility: visible;
    border-radius: 2px;
    border:1px solid #A9A9A9;
}
input[type=checkbox][disabled=disabled]:after
{
    width: 100%;
    height: 100%;
    top: 0;
    content: " ";
    background-color:#DCDCDC;
    color: #000000;
    display: inline-block;
    visibility: visible;
    border-radius: 2px;
    border:1px solid #A9A9A9;
}
    input[type=checkbox]:checked:after {
    content: "\2713";/*UNICODE中对号*/
    font-size: 12px;
    font-weight:bold;
}

效果图：

修改CheckBox多选按钮的背景色