确认所需更改禁用样式的元素是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;
}
本文指导如何在elementUI中针对特定禁用元素如输入框、多行文本和日期选择框修改CSS样式,强调使用!important提高优先级并利用/deep/选择器避免组件间的样式影响。
5954

被折叠的 条评论
为什么被折叠?



