checkbox样式修改

<style>

    input[type="checkbox"] {
        width: 13px;
        height: 13px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 11px;
        margin-right: 10px;
        position: relative;
    }

    input[type="checkbox"]:checked::before {
        /*
        * \2714-->代表着对号
        */
        content: "\2713";
        /*背景颜色*/
        background-color: #0080FF;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*边框颜色*/
        border: 1px solid #BDBDBD;
        border-radius:4px;
        /*字体颜色*/
        color: #FFFFFF;
        font-size: 7px;
        font-weight: initial;
    }

</style>