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

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

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

Answer 1

这对我工作：

 .icon-cog { color: black; } 

对于较新版本的Font Awesome，可能如下所示：

 .fa-cog { color: black; } 

Answer 2

HTML：

  <i class="icon-cog blackiconcolor"> 

css：

  .blackiconcolor {color:black;} 

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

Answer 3

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

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

Answer 4

为了只打这种​​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的直接后裔黑色。

Answer 5

 .fa-search{ color:#fff; } 

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

Answer 6

尝试这个：

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

Answer 7

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

 .fa { color : red; } 

Answer 8

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

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

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

Answer 9

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

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

Answer 10

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

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

Answer 11

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

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

Answer 12

HTML：

 <i class="icon-cog blackiconcolor"> 

css：

  .blackiconcolor {color:black;} 

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