Kann ich die Farbe des Font Awesome-Zahnradsymbols ändern?

Question

Ich muss mein Symbol in eine <a> Tag aus irgendeinem Grund.
Gibt es eine Möglichkeit, die Farbe eines font-awesome-Symbols in schwarz zu ändern?
oder ist es unmöglich, solange es innerhalb einer <a> Tag? Font awesome soll eine Schrift sein, kein Bild, richtig?

<a href="stackoverflow.com/users/edit"><i class="icon-cog"></i> Edit profile</a>

Answer 1

Einfach geben und Text-Stil, was Sie wollen wie :D HTML:

<a href="javascript:;" class="fa fa-trash" style="color:#d9534f;">
   <span style="color:black;">Text Name</span>
</a>

Answer 2

Sie können die Farbe des Font Awesome-Symbols mit der Bootstrap-Klasse

verwenden.

text-color

Beispiel

text-white

Answer 3

.fa-search{
    color:#fff;
 }

Sie schreiben diesen Code in css und er ändert die Farbe in weiß oder in eine beliebige Farbe, die Sie angeben

Answer 4

Manchmal funktioniert das Ändern der Farbe in der externen css-Datei nicht. Sie können eine Inline-CSS-Eigenschaft in den Icon-Tag einfügen und das wird funktionieren.

Zum Beispiel

<i class="fa-solid fa-keyboard" style="color: grey;"></i>

Answer 5

Geben Sie ihm einfach den Stil, den Sie wollen, wie

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