element-ui - Element-UI：如何增加按钮的图标大小？

Question

我只是显示一个这样的按钮：

<el-button plain circle icon="el-icon-refresh"></el-button>

但是按钮里面的图标太小了。有没有办法只放大图标？我正在Vue.js为我的项目使用。

标签： element-ui

Answer 1

Element-ui 的 API 不支持这一点。然而，icon 属性在按钮内的 i 元素上放置了一个类。您可以添加第二个类并添加您自己的样式。

<el-button plain circle icon="custom-icon el-icon-refresh"></el-button>

CSS：

.custom-icon {
   font-size: 2rem;
}