el-input设置背景色，改变样式

<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.kjpai.cn/news/2024-04-06/154850.html，文章来源：网络cs，作者：晨起，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！