更改 css 中的 MaterialUI 图标字体大小

Question

所以在这里我试图将我的图标值增加 200px，但默认情况下它采用 24px。 24px 是 google 图标中所有图标的默认值。所以任何建议！

HTML

<div class="col span-1-of-4 box">
  <i class="material-icons abcd">featured_play_list</i>
  <h3>BBBB BBB BBBB</h3>
  <p>
    XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX
  </p>
</div>

CSS

.abcd{
    font-size: 200px;
    display: block;
    color:#e67e22;
    margin-bottom: 10px;
}

Answer 1

材质UI 图标使用默认大小24px。如果您想在不使用 M-UI 提供的图标大小类的情况下更改此大小，例如 .md-18，则必须使用 !important 规则：

.abcd{
    font-size: 200px !important;
    display: block;
    color:#e67e22;
    margin-bottom: 10px;
}

更改 css 中的 MaterialUI 图标字体大小

Change MaterialUI icons font size in css

html

css

icons

material-ui