Element UI组件在非活性时(Disabled),字体颜色太淡,显示不清楚,加上以下样式,就可以改变字体颜色了。
.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;
}