css修改默认的radio,checkbox样式

  input[type='checkbox]{

            appearance:none;// appearance 属性允许您使元素看上去像标准的用户界面元素,清除默认样式

    -moz-appearance: none;
    -webkit-appearance:none;
            background-image: url('image/disagree.png'); //自定义图片样式
            background-size: 0.8rem 0.8rem;
            width: 0.8rem;
            height: 0.8rem;
            cursor: pointer;
            background-repeat: no-repeat;
            background-position: 0 0;

            outline: none;

}

input[type='checkbox]:selected{

            background-image: url('image/agree.png');//自定义未选中图片样式

}