修改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>