定制el-select样式（神奇的el-input__prefix）

最新推荐文章于 2026-03-17 00:53:41 发布

原创最新推荐文章于 2026-03-17 00:53:41 发布 · 5.1k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

6 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何通过CSS类`.el-input__prefix`在Element UI的el-select组件前面添加图标，展示了实现这一功能的具体步骤和效果。

el-input 可以通过prefix-icon和suffix-icon属性在input组件首部和尾部增加显示图标，但是好像el-select好像不行，至少我没看到。
我发现：
在这里插入图片描述
效果图：

使用**.el-input__prefix**就可以在el-select前面添加图标了。