element-plus修改默认样式el-input--suffix

要修改 `el-input` 组件的 `suffix` 样式，可以通过以下步骤：

1. 在你的项目中安装 Element Plus 的主题定制工具 `element-plus-theme-chalk`，使用命令 `npm install element-plus-theme-chalk -D` 进行安装。

2. 在项目的根目录下创建一个名为 `element-variables.scss` 的文件，并在文件中定义你想要修改的样式变量，如下所示：

   $--color-primary: #0078e7; // 修改主色
   $--suffix-color: #ff0000; // 修改 suffix 的颜色

3. 在你的样式文件中引入该变量文件，并使用 `@import "~element-plus/packages/theme-chalk/src/index";` 将 Element Plus 的默认样式导入进来，然后可以通过定义类名的方式对 `el-input` 组件的样式进行覆盖，如下所示：

   @import "./element-variables.scss";
   @import "~element-plus/packages/theme-chalk/src/index";

   .my-input {
     &__suffix {
       color: var(--suffix-color);
     }
   }

4. 在需要使用该样式的组件上添加 `class="my-input"`，如下所示：

   <el-input class="my-input" suffix-icon="el-icon-search"></el-input>

这样就可以修改 `el-input` 组件的 `suffix` 样式了。