确认所需更改禁用样式的元素是elementUI的标签后
在浏览器中检查需要更改的禁用标签名称,如以下三个:
输入框 .el-input.is-disabled .el-input__inner
多行文本 .el-textarea.is-disabled textarea
日期区间选择框 .el-date-editor--daterange.is-disabled.el-range-editor
具体查找方法如下:
以下是修改的css样式:
!important 提高样式的优先级
/deep/ 避免父子组件间的影响
更改样例:
/deep/ .el-input.is-disabled .el-input__inner,.el-textarea.is-disabled textarea,.el-date-editor--daterange.is-disabled.el-range-editor{
background-color: #ffffff !important;
}