如何更改图标大小？

Question

我使用的是底漆，并且根据there website this is how they change there icon size.

但是，这在jsx中不起作用，因为它不能让您直接引用样式而不将其作为对象。

对此有任何解决方法吗？

编辑：下面嵌套图标的按钮代码：

{{1}}

Answer 1

在您提供的链接中，有一个示例

<i class="pi pi-check" style="font-size: 3em"></i>

只需添加fontSize: 3em（或您想要的大小）即可。

<Button 
  label="" 
  icon="pi pi-cog"   
  className="cogIcon"  
  onClick={(e) => this.setState({visibleRight:true})} 
  style={{marginTop:'.25em', marginRight:'.25em', fontSize: '3em'} } 
/>