我可以改变Font Awesome的图标颜色吗?

出于某种原因,我必须将我的图标包裹在<a>标签中。
有什么可能的方法来改变一个字体真棒图标的颜色为黑色?
或者只要它包裹在<a>标签中是不可能的? 字体真棒应该是字体不是图像,对不对?

在这里输入图像说明

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

这对我工作:

 .icon-cog { color: black; } 

对于较新版本的Font Awesome,可能如下所示:

 .fa-cog { color: black; } 

HTML:

  <i class="icon-cog blackiconcolor"> 

css:

  .blackiconcolor {color:black;} 

你也可以添加额外的类到button图标…

您可以在style属性中指定颜色:

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

为了只打这种​​button上的齿形图标,可以给button一个类,并且只在button内部设置图标的颜色。

HTML:

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

CSS:

 .my-nice-button>i { color: black; } 

这将使任何图标,你的button的直接后裔黑色。

 .fa-search{ color:#fff; } 

你用css写这段代码,它会把颜色改成白色或你想要的任何颜色,你指定它

尝试这个:

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

要改变你的整个项目的字体真棒图标颜色在你的CSS中使用这个

 .fa { color : red; } 

参考@ClarkeyBoy答案,下面的代码工作正常,如果使用最新版本的Font-Awesome图标或者如果你使用fa

 .fa.icon-white { color: white; } 

然后,将icon-white添加到现有的类

只要给它任何你想要的风格

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

如果你不想改变CSS文件,这是适合我的。 在HTML中,添加颜色的样式:

 <i class="fa fa-cog style="color:#fff;"></i> 

只要给你想要的文字样式就可以了:D HTML:

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

HTML:

 <i class="icon-cog blackiconcolor"> 

css:

  .blackiconcolor {color:black;} 

使用类将给你一个免费的绑定属性,你可以应用在任何你需要的标签。