移动端复选框样式

 input[type='checkbox']{
        -webkit-appearance: none;
        border-radius: 100%;
        background: url(./images/nocheck.png) no-repeat;
        background-size: 100%;
        height: 20px;
        vertical-align: middle;
        width: 20px; 
       }
       input[type='checkbox']:checked {
        -webkit-appearance: none;
        outline-style: none;
        border-radius: 100%;
        background-size: 100%;
        height: 20px;
        vertical-align: middle;
        width: 20px;
        background: url(./images/check.png) no-repeat !important;
        background-size: 100% !important;

    }

input[type='checkbox']:focus {outline:none}