在 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;
}