checkbox选中改变默认样式,改变颜色，一般用背景图

Posted 2021-11-08 北方的刀郎

###checkbox选中改变默认样式,改变颜色，一般用背景图

.cconte div input[type='checkbox']{

    position: absolute;

    left:-0.2rem;

    top: .1rem;

    -webkit-appearance: none; 

    appearance:none;//去掉复选框的默认背景样式

    -moz-appearance:none;

    display: block;

    width: .16rem;

    height: .16rem;

    border:1px solid #B5B5B5;

    outline: none;

    border-radius: 2px;

}

.cconte div input[type='checkbox']:checked{

    background: url(/crm/images/icon/866.png) no-repeat center /cover;

    border:none;

}

 <div class="cconte cconte0 disflexcoum flexstart">

        <div class="">

         <input type="checkbox" checked="checked" name="brand0hs" value="1">

</div>

</div>