Element-UI Checkbox 多选框 disabled(禁用后)选中样式无效问题

Element-UI Checkbox 多选框按钮样式 disabled(禁用后)选中样式无效问题

增加以下样式即可

.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
     
    color: #FFFFFF;
    background-color: #1890ff;
    border-color: #1890ff;
    -webkit-box-shadow: -1px 0 0 0 #74bcff;
    box-shadow: -1px 0 0 0 #74bcff;
}

未修改效果
Element-UI Checkbox 多选框 disabled(禁用后)选中样式无效问题_第1张图片

已修改后效果
Element-UI Checkbox 多选框 disabled(禁用后)选中样式无效问题_第2张图片

你可能感兴趣的:(前端,css)