如何增加材料-ui图标？

Question

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

完整代码：

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

使用fontSize我无法增加其大小。

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

Answer 1

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

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

Answer 2

在图标组件中创建类选择器，如下所示

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

然后编写CSS代码，并像你这样重视你的风格

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