如何更改 Materialise 中的颜色图标？

Question

我使用 css 框架 Materialize.css 我不明白我的 HTML 图标中过去的颜色在哪里

<i class="large material-icons">note_add</i>

我试过 cyan darken-4

 <i class="large material-icons cyan darken-4">note_add</i>

但没有成功，我需要完全改变颜色图标。怎么做？

原文由 HeartOfprogrammer 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以通过向您的图标添加一个类来做到这一点，如下所示 -

 <i class="large material-icons icon-blue">note_add</i>

然后在您的 CSS 样式表中，您可以为 icon-blue 类定义颜色

i.icon-blue {
    color: blue;
}

然后您的图标颜色将被更改。希望这可以帮助！

原文由 Shekhar Chikara 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将“cyan-text”和“text-darken-4”类添加到 .

 <i class="large material-icons cyan-text text-darken-4">note_add</i>

原文由 Christopher 发布，翻译遵循 CC BY-SA 3.0 许可协议