<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
效果：
文章来源：https://www.toymoban.com/news/detail-568370.html
文章来源地址https://www.toymoban.com/news/detail-568370.html
到了这里，关于el-input设置背景色，改变样式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
