Vue.js 元素界面-如何增加图标的大小?

Vue.js 元素界面-如何增加图标的大小?,vue.js,vuejs2,vue-component,vuex,element-ui,Vue.js,Vuejs2,Vue Component,Vuex,Element Ui,我尝试了很多类来增加图标的大小。但没有什么不起作用。帮助我增加元素UI图标的大小该图标与普通文本具有相同的属性。 只用 <i class="el-icon-delete col-sm-3"></i> .el图标删除{' 字体大小:20px; } 只需根据需要更改大小。只需使用font size。请看下面的答案: <style> .el-icon-delete {' font-size: 20px; } </style>

我尝试了很多类来增加图标的大小。但没有什么不起作用。帮助我增加元素UI图标的大小

该图标与普通文本具有相同的属性。 只用

 <i class="el-icon-delete col-sm-3"></i>

.el图标删除{'
字体大小:20px;
}

只需根据需要更改大小。

只需使用
font size
。请看下面的答案:
<style>
.el-icon-delete {'
  font-size: 20px;
}
</style>