Я должен обернуть мою иконку в <a>
тег по какой-то причине.
Есть ли какой-нибудь возможный способ поменять цвет значка со шрифтом на черный?
или это невозможно, пока оно заключено в <a>
тег? Предполагается, что шрифт потрясающий - это шрифт, а не изображение, верно?
<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
html
css
font-awesome
Husten
источник
источник
Ответы:
Это сработало для меня:
Для версий Font Awesome выше 4.7.0 это выглядит так:
источник
.fa {color: green;}
сделали свое дело. Затем вы можете сделать,.fa.icon-white {color: white;}
чтобы получить тот же эффект, как вы хотите выше.background-color
background-color: #112233
в CSS. Проверьте этот код для примера.HTML:
CSS:
Вы также можете добавить дополнительный класс к значку кнопки ...
источник
Вы можете указать цвет в атрибуте style:
источник
Bootstrap
.<i>
пометить с помощьюtext-primary
класса, переопределить цвет значка как синий. так что хорошо знать об этом.Чтобы поменять шрифт на удивительные цвета иконок для всего вашего проекта, используйте это в вашем CSS
источник
Попробуй это:
источник
text-red
,text-blue
илиtext-yellow
пришел?Если вы не хотите изменять файл CSS, это то, что работает для меня. В HTML добавьте стиль с цветом:
источник
Чтобы нажимать только значки cog-кнопок в кнопках такого типа, вы можете назначить кнопке класс и устанавливать цвет для значка только внутри кнопки.
HTML:
CSS:
Это сделает любой значок, являющийся прямым потомком вашей кнопки, черным.
источник
Со ссылкой на ответ @ClarkeyBoy, приведенный ниже код работает нормально, если вы используете последнюю версию
Font-Awesome
иконок или если вы используетеfa
классыА затем добавить
icon-white
в существующий классисточник
Вы пишете этот код в CSS, и он изменит цвет на белый или любой другой цвет, который вы хотите, вы указываете его
источник
просто дайте и стиль текста, как вы хотите: D HTML:
источник
просто придать ему стиль, какой захочешь
источник
Вы можете изменить цвет замечательного значка, изменив его цвет переднего плана с помощью
css
color
свойства . Ниже приведены примеры:Это поддерживает SVG также
источник
Напишите этот код в той же строке, это изменит цвет значка:
источник
Если вы хотите изменить цвет определенного значка, вы можете использовать что-то вроде этого:
источник
Вы можете изменить цвет значка Font Awesome с помощью класса начальной загрузки
использование
пример
источник
Для меня единственное, что сработало, это inline css + overriding
источник
HTML:
CSS:
Использование класса даст вам бесплатное обязательное свойство, которое вы можете применить к любому тегу, который вам требуется.
источник