如何增加material-ui图标？答案

【问题标题】：How to increase material-ui icons?如何增加material-ui图标？
【发布时间】：2018-03-28 23:48:53
【问题描述】：

我正在从material-ui 导入一个图标并在我的 JSX 代码中使用

完整代码：

import ArrowUp from 'material-ui-icons/KeyboardArrowUp'
<Button fab color="primary">
  <ArrowUp style={{fontSize: '200%'}} />
</Button>

使用 fontSize 我无法增加它的大小。

处理它的正确方法是什么？我做错了什么？

【问题讨论】：

【解决方案1】：

尝试添加按钮的标签样式，如下所示

import ArrowUp from 'material-ui-icons/KeyboardArrowUp'

<Button fab color="primary" labelStyle={{ fontSize: '200%' }}>
  <ArrowUp />
</Button>

【讨论】：

【解决方案2】：

像这样在图标组件中创建类选择器

<Button fab color="primary">
  <ArrowUp className="arrow-up" />
</Button>

然后编写 CSS 代码并像这样赋予你的风格一样重要

.arrow-up{
 font-size: 20px !important;
}

【讨论】：