checkbox添加背景图片，取消图片外边框

/*选中的*/ 
    input[type='checkbox']{
        width: 40px;
        height: 40px; 
        appearance:none;
        -webkit-appearance:none;
        -o-appearance:none;
        -moz-appearance:none;
        background: url(image/checkbox1.png)  no-repeat center;
        background-size: 100% 100%; 
        outline: none;//取消外边框

border:none;

    }
     input[type=checkbox]:checked{
       background: url(image/checkbox2.png)  no-repeat center;
        background-size: 100% 100%; 
        outline: none;//取消外边框

border:none;
    }