覆盖input中的disabled样式

Question

问题描述

覆盖掉vue disabled中的样式

问题出现的环境背景及自己尝试过哪些方法

使用disabled的时候字太暗了 希望和其他的一样

希望只有单个覆盖掉 没有全局修改

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<Input v-model="formValidate.quotationNo" size="small" disabled icon="ios-more" class="ivu-input-iconHand" @on-click="changeQuotationNo">

<style scoped>

.ivu-input-iconHand{

cursor:pointer;
color:#515a6e;

}
</style>

你期待的结果是什么？实际看到的错误信息又是什么？

期待 color生效 实际还是原有的disabled样式

Answer 1

1.不要用 scoped
2.使用类似less之类的嵌套覆盖

Answer 2

.el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner,.el-checkbox__input.is-disabled+.el-checkbox__label{
    color: #1f2d3d;
    background-color: #fff;
}

如果是只在单个起作用，就加上#ID