vue element ui 修改 el-checkbox的禁用状态下的颜色
1.vue element ui 修改 el-checkbox的禁用状态下的颜色文章来源:https://www.toymoban.com/news/detail-515261.html
//checkBox自定义禁用样式
.el-checkbox__input.is-disabled + .el-checkbox__label {
color: #808080 !important;
}
.el-checkbox__input.is-disabled.is-checked + .el-checkbox__label {
color: #1890ff !important;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #1890ff !important;
border-color: #1890ff !important;
}
2.输入框的颜色修改(禁用状态下的)文章来源地址https://www.toymoban.com/news/detail-515261.html
//输入框 还有 textarea 禁用状态下颜色改变
.el-input.is-disabled .el-input__inner,textarea:disabled{
color: #606266 !important;
}
到了这里,关于vue element ui 修改 el-checkbox的禁用状态下的颜色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!