el-select 右边加图标

要为Element Plus的`<el-select>`组件添加自定义右侧面板图标，你可以按照以下步骤操作：

1. **替换默认箭头图标**:
使用CSS，你可以覆盖`.el-select .el-input .el-select__caret`类来更改图标。这里有两个示例：
- 使用背景图片:

     .el-select .el-input .el-select__caret.el-icon-::before {
       content: "";
       background: url(../../../../assets/images/inputIcon.png) center center no-repeat;
       position: absolute;
       width: 100%;
       height: 100%;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     }

- 或者使用Element Plus的自定义图标:

     .el-select .el-input .el-select__caret.el-icon-::before {
       content: "\e790";
       position: absolute;
       width: 100%;
       height: 100%;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     }

2. **添加后缀图标（如时间选择）**:
如果你想动态地添加一个后缀图标，可以使用Vue模板选项。例如，如果你想显示一个下拉箭头，可以这样配置`suffix-icon`属性：

   <el-select v-model="value" placeholder="Select" size="large"
             style="width: 120px;"
             :teleported="false"
             :suffix-icon="CaretBottom">
     ...
   </el-select>

并导入所需的自定义图标：

   import { CaretBottom } from '@element-plus/icons-vue';

在这个例子中，`CaretBottom`是你从Element Plus库中引入的用于下拉菜单底部的自定义图标。

相关问题：
1. 如何通过JavaScript动态改变`suffix-icon`？
2. Element Plus库中是否有更多内置的后缀图标供选择？
3. 如何在不使用Element Plus的情况下自定义`el-select`的后缀图标？