elementuiplus修改checkbox样式

:deep(.el-checkbox__inner) {

    //大小

    width: 15px;

    height: 15px;

    border-color: #ffd9a5;

    border-radius: 4px;

    background-color: transparent;

}

:deep(.el-checkbox__input.is-checked .el-checkbox__inner) {

    //选中

    border-color: #ffd9a5 !important;

    background-color: transparent;

    &::after {

        // 里面的对钩

        border-color: #fff;

    }

}

:deep(.el-checkbox__input.is-focus .el-checkbox__inner) {

    //悬浮

    border-color: none !important;

}

:deep(.el-checkbox__input.is-checked .el-checkbox__inner::after) {

    //对钩的位置

    top: 2px;

    left: 5px;

}

:deep(.el-checkbox__input.is-checked + .el-checkbox__label),

:deep(.el-checkbox__label) {

    //文字

    font-size: 14px;

    font-weight: 500;

    color: #fff;

}

 

最终效果：