Puis-je changer la couleur de la couleur de l’icône de Font Awesome?

Je dois emballer mon icône dans une balise pour une raison quelconque.
Est-il possible de changer la couleur d’une icône de police en noir?
ou est-ce impossible tant qu’il est enveloppé dans une balise
? La police géniale est censée être la police et non l’image, non?

entrer la description de l'image ici

  Edit profile 

Cela a fonctionné pour moi:

 .icon-cog { color: black; } 

Pour les versions de Font Awesome supérieures à 4.7.0 , cela ressemble à ceci:

 .fa-cog { color: black; } 

HTML:

   

css:

  .blackiconcolor {color:black;} 

vous pouvez également append une classe supplémentaire à l’icône du bouton …

Vous pouvez spécifier la couleur dans l’atsortingbut de style:

  Edit profile 

Essaye ça:

    

Pour changer la couleur des icons de police pour tout votre projet, utilisez ceci dans votre css

 .fa { color : red; } 

Pour ne toucher que les icons de cog dans ce type de bouton, vous pouvez donner une classe au bouton et définir la couleur de l’icône uniquement lorsque vous êtes dans le bouton.

HTML:

   Edit profile  

CSS:

 .my-nice-button>i { color: black; } 

Cela rendra toute icône qui est un descendant direct de votre bouton noir.

En référence à la réponse @ClarkeyBoy, le code ci-dessous fonctionne correctement, si vous utilisez la dernière version des icons Font-Awesome ou si vous utilisez des classes fa

 .fa.icon-white { color: white; } 

Et puis, ajoutez une icon-white à la classe existante

Si vous ne voulez pas modifier le fichier CSS, c’est ce qui fonctionne pour moi. En HTML, ajoutez du style avec la couleur:

  
 .fa-search{ color:#fff; } 

vous écrivez ce code en CSS et cela changerait la couleur en blanc ou n’importe quelle couleur que vous voulez, vous le spécifiez

juste donner le style que vous voulez comme

 style="color: white;font-size: 20px;" 

donnez simplement un style de texte comme: D HTML:

  Text Name  

HTML:

  

css:

  .blackiconcolor {color:black;} 

Utiliser class vous donnera une propriété de liaison gratuite que vous pouvez appliquer sur n’importe quel tag dont vous avez besoin.