input 复选框样式修改

    .pitch_checkbox {
        width: .4rem !important;
        height: .4rem !important;
        background-color: #CCC;
        border: 1px solid #c9c9c9;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 15px;
        -webkit-appearance: none;
        appearance: none;
        outline: none;
    }

    .pitch_checkbox:checked {
        color: #fff;
        background-color: #4CC1D2;
        border: 1px solid #4CC1D2;
    }

    .pitch_checkbox:after {
        content: "\2713";
        font-size: .30rem;
    }
posted @ 2021-12-27 14:39  web格调  阅读(163)  评论(0编辑  收藏  举报