最近做了一个VUE项目，就比如要修改el-input disabled状态下的字体颜色，就比较麻烦，尝试一番无果后，于是百度一下，得到以下结果

.el-input.is-disabled /deep/ .el-input__inner {
  color: #606266;
}

有效果吗？确实有效果，但是随之又带来了另一个问题，就是所有disabled状态下的el-input字体颜色都变了，而我要的效果是针对某一个el-input框去改变字体颜色！！！

<el-form-item label="原订单号:">
	<el-input
	  type="text"
	  v-model="orderId"
	  size="mini"
	  :disabled="true"
	  @click.native="showOrderDetailDialog=true;"
	  class="rt-input"
	></el-input>
</el-form-item>
<style lang="scss" scoped>
.rt-input /deep/ .el-input__inner {
  color: rgb(92, 112, 234) !important;
  cursor: pointer;
}
</style>

看到这里也不需要我多说什么了，赶紧动手试试吧。

本文出处：http://www.youtiy.com/detail_460.html