＜input type=“checkbox“＞ 多选框 修改样式

  input[type='checkbox']{

    width: 20px;

    height: 20px;

    background-color: #454b64;

    appearance:none;

    border-radius: 6px;

    outline: none;

    vertical-align: middle;

    background: url("../../assets/images/teacherManage/-.png") no-repeat center;

    background-size: 50%;

    background-color: #1C76EE;

}

input[type=checkbox]:checked{

    border: none;

    background: url("../../assets/images/teacherManage/√.png") no-repeat center;

    background-size: 60%;

    background-color: #1C76EE;

}