本文共 677 字，大约阅读时间需要 2 分钟。

优化后的内容：

Element UI 组件中替换自带图标时，可以分为两种情况处理：

第一种情况：仅需简单替换小图标，未要求选中变色等特效

在这种情况下，可以直接通过找出 Element UISelf-contained icons 对应的 CSS 类，然后将其背景图替换为所需图标。例如，路径请通过以下方式配置：

.el-icon-sunrise {    background: url(' your image path here ') center center no-repeat;    background-size: 24px;}.el-icon-sunrise::before {    content: "11";    visibility: hidden;}

第二种情况：有选中效果和变色要求，较为复杂的需求

这种情况下，需要通过 Aliyun icon矢量库获取所需的图标矢量数据。操作步骤如下：

以上步骤即可完成对 Element UI 组件图标的自定义定制，满足开发需求。

操作建议：

建议在项目中设置定期检查机制，确保图标使用情况符合设计预期。

转载地址：http://heeyk.baihongyu.com/