<template slot="birthday"> <el-input :class="age == false ? 'birthday' : ''" size="mini" disabled v-model="form.birthday" ></el-input> </template>
::v-deep .birthday .el-input__inner { background-color: yellow !important; color: red !important;}
思路:在浏览器控制台的元素中发现el-input是两层,div里套了个input,直接在<el-input>中设置颜色的话无法达到效果,查看发现el-input__inner才是真正input的那层,设置一个class名称来定位到此,style样式中用了scoped,在css样式中加上deep和important
效果: