用scss的语法对element ui的el-input框做样式穿透修改background颜色

在Element UI中，如果想要使用SCSS（Sassy CSS）对`el-input`组件的背景颜色进行样式穿透修改，你需要先安装Element UI提供的CSS文件，然后创建或编辑你的自定义主题文件。Element UI允许你在`.el-theme-default`这个默认主题文件中覆盖其样式。

假设你已经创建了一个名为`custom.scss`的文件，并想将所有输入框的背景色设为红色，你可以这样做：

// custom.scss
@import "~element-ui/packages/theme-chalk/index";

.el-input__inner {
  // 使用 SCSS 的变量覆盖默认值
  $primary-color: red; // 将背景颜色设为红色

  // 然后应用到 el-input__inner 元素上
  background-color: $primary-color;
}

然后在项目中引入这个自定义主题：

<!-- main.js 或者其他入口文件 -->
<link rel="stylesheet" href="path/to/custom.scss">

现在，所有的`el-input`组件都会使用你自定义的主题，背景颜色被设置成了红色。