修改<el-input>中的.el-input__inner中的背景色，但是总是不生效

如果你想要修改`<el-input>`中的`.el-input__inner`的背景色，可以通过以下两种方式实现：

1. 直接修改样式

你可以直接添加以下样式来修改背景色：

.el-input__inner {
  background-color: #f0f0f0;
}

但是需要注意，如果你使用了scoped样式，那么这个样式可能会被覆盖，此时你需要使用/deep/或>>>来强制作用于子组件中，例如：

<style scoped>
.parent-class >>> .el-input__inner {
  background-color: #f0f0f0;
}
</style>

<template>
  <div class="parent-class">
    <el-input></el-input>
  </div>
</template>

2. 使用自定义主题

如果你想要统一修改多个组件的样式，或者想要避免直接修改样式造成的覆盖问题，可以使用自定义主题。具体步骤如下：

- 安装 `element-theme`：

npm i element-theme -D

- 初始化主题：

et -i

- 选择你需要修改的主题，例如 `element-theme-chalk`：

? Which theme do you want to generate? (Use arrow keys)
❯ element-theme-chalk
  element-theme-default
  Custom theme

- 选择要修改的样式：

? Which color do you want to change? (Use arrow keys)
❯ primary
  success
  warning
  danger
  info

- 修改样式：

? What's your favorite color? (eg. #ff00ff) #f0f0f0

- 生成主题：

et -g element-theme-chalk

- 引入主题：

@import "element-theme-chalk/index.css";

这样就可以统一修改多个组件的样式了。更多关于 `element-theme` 的详细信息可以访问 [element-theme 官网](https://element.eleme.io/#/zh-CN/theme/preview)。