web-dev-qa-db-fra.com

Comment changer l'icône de couleur dans Materialise?

J'utilise le framework css Materialise.css Je ne comprends pas où la couleur passée dans mon icône HTML

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

J'ai essayé cyan darken-4

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

Mais rien n'a réussi, j'ai besoin de changer exactement d'icône de couleur. Comment le faire?

cssmaterialize
21
HeartOfprogrammer

Vous pouvez le faire en ajoutant une classe à votre icône comme ci-dessous-

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

Et puis dans votre feuille de style CSS, vous pouvez définir la couleur du icon-blue classe

i.icon-blue {
    color: blue;
}

La couleur de votre icône sera alors modifiée. J'espère que cela t'aides!

15
Shekhar Chikara

Ajoutez la classe de "cyan-text" & "text-darken-4" au.

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

C'est facile, je vais vous montrer un exemple:

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

Entrez simplement le nom avant le texte (rouge - texte)

12
Luis Gerardo López Salazar

J'ai un exemple d'utilisation de l'attribut "style".

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

Selon Documentation Materialise vous pouvez accéder à leurs attributs css directs.

1
Ivens Applyrs