Kann ich die Farbe der Schriftfarbe von Font Awesome ändern?

Ich wickle meine Symbol innerhalb einer <a> tag aus irgendeinem Grund.
Gibt es überhaupt eine Möglichkeit zum ändern der Farbe von font-awesome-icon auf schwarz?
oder ist es unmöglich, solange Sie es eingewickelt in eine <a> tag? Font awesome sein sollte Schrift nicht das Bild rechts?

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

InformationsquelleAutor der Frage HUSTEN | 2013-01-23

263

Dieser arbeitete für mich:
```
.icon-cog {
  color: black;
}
```
Für Versionen von Font Awesome vor 4.7.0sieht es dieses:
```
.fa-cog {
  color: black;
}
```
InformationsquelleAutor der Antwort Evan Hahn
36

HTML:
```
 
```
css :
```
 .blackiconcolor {color:black;}
```
können Sie auch extra-Klasse auf die Schaltfläche Symbol...

InformationsquelleAutor der Antwort J.B.
22

Können Sie die Farbe festlegen, die in das style-Attribut:
```
<a href="/users/edit"> Edit profile</a>
```
InformationsquelleAutor der Antwort dandrews

Versuchen Sie dies:

<i class="icon-cog text-red">
<i class="icon-cog text-blue">
<i class="icon-cog text-yellow">

InformationsquelleAutor der Antwort Rahul Tathod

5

Ändern Sie die font-awesome-icons eine Farbe für das gesamte Projekt verwenden Sie diese in Ihrer css -
```
.fa {
  color : red;
}
```
InformationsquelleAutor der Antwort ChAnDu353
4

Schlagen nur cog-Symbole, Art der Taste, können Sie die Taste a-Klasse, und legen Sie die Farbe für das Symbol nur, wenn innerhalb der Schaltfläche.

HTML:
```
<a class="my-nice-button" href="/users/edit">
 
 Edit profile
</a>
```
CSS:
```
.my-nice-button>i { color: black; }
```
Dieser wird jedes Symbol, das ist ein direkter Nachfahre der Schaltfläche schwarz.

InformationsquelleAutor der Antwort Adrian Schmidt
3

Mit Verweis auf @ClarkeyBoy Antwort, der code unten funktioniert einwandfrei, wenn unter Verwendung der neuesten version von Font-Awesome Symbole oder wenn Sie mit fa Klassen
```
.fa.icon-white {
    color: white;
}
```
Und fügen Sie dann icon-white bestehenden Klasse

InformationsquelleAutor der Antwort Sategroup
3

Wenn Sie nicht wollen, zu ändern, die CSS-Datei, das ist was für mich funktioniert. In HTML, fügen Sie Stil mit Farbe:
```

```
InformationsquelleAutor der Antwort Lazaros Papadopoulos
2
```
.fa-search{
    color:#fff;
 }
```
schreiben Sie den code in css und würde es ändern die Farbe zu weiß oder irgendeine Farbe, die Sie wollen, geben Sie es

InformationsquelleAutor der Antwort Ceejae
1

nur geben, es den Stil, was Sie wollen, wie
```
style="color: white;font-size: 20px;"
```
InformationsquelleAutor der Antwort Rahul Tathod

nur geben und text-Stil, was Sie wollen, gerne 😀
HTML:

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

InformationsquelleAutor der Antwort Qaan Lee Hoong

-7

HTML:
```

```
css :
```
 .blackiconcolor {color:black;}
```
Über die Klasse geben Sie ein kostenloses binding-Eigenschaft, die Sie anwenden können auf eine beliebige Markierung, die Sie benötigen.

InformationsquelleAutor der Antwort ameya rote

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.