Modify checkbox style

Modify style:

  input[type='checkbox']{
        width: 14px;
        height: 14px;
        /*background-color: #fff;*/
        -webkit-appearance:none;
        border: 1px solid #c9c9c9;
        border-radius: 7px;
        outline: none;
    }
     input[type='checkbox']:checked{
        background: url("../../assets/images/checkbox-icon.png")no-repeat center;
        background-size: 1.2rem;
    }

　effect: