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

Question

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

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

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

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