elementUI输入框禁用样式改为白色背景

确认所需更改禁用样式的元素是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;
}
 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值