解决问题1:前端修改el-input中disabled 状态下的样式;
解决问题2:前端修改el-input中placeholder的样式;
css样式代码:
.remarks >>> .el-input__inner { border: 0px solid; position: relative; color: rgba(121, 130, 148, 1); text-align: left; font-family: "PingFang"; font-size: 1rem; } //修改disabled的样式 .remarks >>>.is-disabled .el-input__inner {
background-color:white;
border-color: white;
} // 修改placeholderd的样式 .remarks >>> .el-input__inner::-webkit-input-placeholder { color: rgba(121, 130, 148, 1); text-align: left; font-family: "PingFang"; font-size: 1rem; position: relative; }
html代码:
<div class="remarks"> <el-input v-model="asset_params.remark" :disabled="disabled" style="width:20%;" placeholder="这是用户说明的文字备注" /> </div>
解决问题3:修改el-tree中checkbox的disabled状态下的样式;
css样式:
.el-tree >>> .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #409eff;
border-color: #409eff;
}
<div> <el-tree ref="tree" :props="defaultProps" node-key="oid" :data="data" show-checkbox check-strictly /> </div>