Z <a>
jakiegoś powodu muszę owinąć ikonę w tagu.
Czy jest jakiś sposób, aby zmienić kolor niesamowitej czcionki na czarny?
czy jest to niemożliwe, dopóki jest owinięte w <a>
tagu? Czcionka niesamowita ma być czcionką, a nie obrazem, prawda?
<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
html
css
font-awesome
ZAUFANE
źródło
źródło
Odpowiedzi:
To działało dla mnie:
W przypadku wersji Font Awesome powyżej 4.7.0 wygląda to tak:
źródło
.fa {color: green;}
załatwiło sprawę. Następnie możesz zrobić,.fa.icon-white {color: white;}
aby uzyskać taki sam efekt, jak chcesz powyżej.background-color
background-color: #112233
do CSS. Sprawdź ten kod na przykład.HTML:
css:
możesz także dodać dodatkową klasę do ikony przycisku ...
źródło
Możesz określić kolor w atrybucie stylu:
źródło
Bootstrap
.<i>
otaguj za pomocątext-primary
klasy, zastąp kolor ikony niebieską. więc dobrze jest być tego świadomym.Aby zmienić czcionkę niesamowite kolory ikon dla całego projektu, użyj tego w swoim css
źródło
Spróbuj tego:
źródło
text-red
,text-blue
czytext-yellow
pochodzą?Jeśli nie chcesz zmieniać pliku CSS, to działa dla mnie. W HTML dodaj styl kolorem:
źródło
Aby trafić tylko w ikony koła zębatego w tego rodzaju przycisku, możesz nadać temu przyciskowi klasę i ustawić kolor ikony tylko wtedy, gdy jest on wewnątrz przycisku.
HTML:
CSS:
Dzięki temu każda ikona będąca bezpośrednim potomkiem twojego przycisku będzie czarna.
źródło
W odniesieniu do odpowiedzi @ClarkeyBoy poniższy kod działa poprawnie, jeśli używasz najnowszej wersji
Font-Awesome
ikon lub korzystasz zfa
klasA następnie dodaj
icon-white
do istniejącej klasyźródło
piszesz ten kod w css i zmieniłby kolor na biały lub dowolny kolor, jaki chcesz, określasz go
źródło
po prostu podaj i określ styl tekstu: D HTML:
źródło
po prostu nadaj mu styl, jaki chcesz
źródło
Można zmienić barwę fontawesome ikoną przez zmianę jego koloru pierwszoplanowego za pomocą
css
color
właściwości . Oto przykłady:Obsługuje również svgs
źródło
Napisz ten kod w tym samym wierszu, to zmieni kolor ikony:
źródło
Jeśli chcesz zmienić kolor konkretnej ikony, możesz użyć czegoś takiego:
źródło
Możesz zmienić kolor ikony Font Awesome za pomocą klasy bootstrap
posługiwać się
przykład
źródło
Dla mnie jedyne, co zadziałało, to wbudowane css + przesłonięcie
źródło
HTML:
css:
Korzystanie z klasy da ci bezpłatną właściwość wiązania, którą możesz zastosować do dowolnego wymaganego tagu.
źródło