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

Question

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

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

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

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;
}