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

Es könnte etwas schwierig sein, die Farbe von font-awesome Icons zu ändern. Die einfachere Methode ist das Hinzufügen eines eigenen Klassennamens innerhalb der von font-awesome definierten Klassen wie folgt:

.

Und Ihr Ziel benutzerdefinierte_Klasse_name in Ihrem CSS, um die Farbe zu ändern, wie Sie es wünschen.

Answer 2

Wenn Sie die Farbe eines bestimmten Symbols ändern möchten, können Sie etwa so vorgehen:

.fa-stop {
    color:red;
}

Answer 3

HTML:

<i class="icon-cog blackiconcolor">

css :

 .blackiconcolor {color:black;}

Durch die Verwendung der Klasse erhalten Sie eine freie verbindliche Eigenschaft, die Sie auf jedes beliebige Tag anwenden können.