css - letras - ¿Cómo cambiar el icono de color en Materializar?

como cambiar el color de h1 en html

Question

Uso css framework Materialize.css No entiendo dónde está el color del pasado en mi icono HTML

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

He intentado cyan darken-4

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

Pero nada tuvo éxito, necesito cambiar exactamente el icono de color. ¿Como hacerlo?

Answer 1

Agregue la clase de "cian-texto" y "text-darken-4" a la.

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

Answer 2

Es fácil, te mostraré un ejemplo:

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

Solo ingrese el nombre antes del texto (texto rojo )

Answer 3

Puedes hacer esto agregando una clase a tu ícono como abajo:

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

Y luego, en su hoja de estilo CSS, puede definir el color para la clase de icon-blue

i.icon-blue {
    color: blue;
}

El color de tu icono será cambiado. ¡Espero que esto ayude!

Answer 4

Tengo un ejemplo con el uso del atributo "estilo".

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

Answer 5

Si quieres usar Jquery

• Esto cambiará el color de todos los iconos de material.

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

• Esto cambiará el color de los iconos de material dentro de un elemento, por ejemplo, el campo de entrada

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

Demo en vivo

Vea la pluma Materializar el cambio de color del tema de CSS por Hitesh Sahu ( @hiteshsahu ) en CodePen .