Как изменить значок цвета в Materialize?

Я использую css framework 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>

Но ничего не получилось, мне нужно точно изменить значок цвета. Как это сделать?

Ответы

Вы можете сделать это, добавив класс в свой значок, как показано ниже -

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

И затем в вашей таблице стилей CSS вы можете определить цвет для класса icon-blue

i.icon-blue {
    color: blue;
}

Затем изменится цвет значка. Надеюсь, это поможет!

Добавьте класс "cyan-text" и "text-darken-4" в.

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

Это легко, я покажу вам пример:

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

Просто введите имя перед текстом ( красный -текст)

Я получил пример с использованием атрибута style.

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

Если вы хотите использовать JQuery

$(".material-icons").css("color", themeColor);

$(".input-field>.material-icons").css("color", themeColor);

Live Demo

Согласно документации Materialise вы можете получить доступ к их прямым атрибутам CSS.