element ui 中图标颜色设置
时间: 2023-07-21 08:30:35 浏览: 292
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
5星 · 资源好评率100%
在 Element UI 中,可以使用 `el-icon` 标签来显示图标,同时也可以通过 `style` 属性来设置图标的颜色。
例如,如果想将图标颜色设置为红色,可以这样写:
```html
<el-icon name="edit" style="color: red;"></el-icon>
```
其中,`name` 属性指定了要显示的图标名称(可以参考 Element UI 官方文档),`style` 属性中的 `color` 属性则设置了图标的颜色为红色。
另外,也可以使用 CSS 样式来全局设置所有图标的颜色,如下所示:
```css
.el-icon {
color: red;
}
```
这样,所有使用 `el-icon` 标签的图标都会自动变成红色。
阅读全文