element disabled禁止颜色自定义
文章描述:
element自定义禁止颜色
默认
.el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #dfe4ed;
color: #C0C4CC;
cursor: not-allowed;
}
效果
自定义颜色
/* 自定义禁止 */
.el-checkbox__input.is-disabled + .el-checkbox__label {
color: #606266 !important;
}
.el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
color: #606266 !important;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
border-color: #606266 !important;
}
.el-radio__input.is-disabled + span.el-radio__label {
color: #606266 !important;
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #606266 !important;
}
.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
border-color: #606266 !important;
}
.el-input.is-disabled .el-input__inner, textarea:disabled {
color: #606266 !important;
}
.el-range-editor.is-disabled input {
color: #606266 !important;
}
效果
发布时间:2023/11/25
发表评论