【问题标题】: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 我无法增加它的大小。

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

【问题讨论】:

标签: javascript reactjs material-design


【解决方案1】:

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

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

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

【讨论】:

  • 我使用 style 而不是 labelStyle 这对我有用。
【解决方案2】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 2021-11-17
    • 2021-07-07
    • 1970-01-01
    • 2021-07-25
    • 1970-01-01
    • 2021-03-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多