修改elementUI中disabled状态下的样式

解决问题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>