如何在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>

但没有成功,我需要改变颜色图标.怎么做？

Answer 1

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

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

Answer 2

你可以通过向你的图标添加一个类来实现这一点,如下所示 -

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

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

i.icon-blue {
    color: blue;
}

然后会更改您的图标颜色.希望这可以帮助!

Answer 3

这很容易,我会告诉你一个例子:

 <i class="material-icons large red-text">room</i>

只需在文本前输入名称(red -text)

Answer 4

我有一个使用“style”属性的示例。

<pre></td><td class="col-sm-2"><i class="little material-icons" style="color:blue">search</i></pre>