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

Question

<a>出于某种原因,我必须在标签中包装我的图标.
有没有可能的方法将字体 - 真棒图标的颜色更改为黑色？
或者只要它包裹在<a>标签内是不可能的？字体真棒应该是字体而不是图像,对吧？

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

Answer 1

这对我有用:

.icon-cog {
  color: black;
}

对于4.7.0以上的Font Awesome版本,它看起来像这样:

.fa-cog {
  color: black;
}

Answer 2

HTML:

    <i class="icon-cog blackiconcolor">

css:

    .blackiconcolor {color:black;}

你还可以在按钮图标上添加额外的类...

Answer 3

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

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

Answer 4

要更改整个项目的字体真棒图标颜色,请在css中使用此颜色

.fa {
  color : red;
}

Answer 5

有没有可能的方法将字体很棒的图标的颜色更改为黑色？

就在这里。请参阅下面的截图

<!-- Assuming that you don't have, this needs to be in your HTML file (usually the header) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Here is what you need to use -->
<a href="/users/edit" class="fa fa-cog" style="color:black"> Edit Profile</a>

Font Awesome 应该是字体而不是图像，对吧？

是的，它是一种字体。因此，您可以将其缩放到任何尺寸而不会损失质量。

Answer 6

试试这个:

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

Answer 7

如果您不想更改CSS文件,这对我有用.在HTML中,使用颜色添加样式:

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

Answer 8

要仅在该类按钮中点击cog-icons,您可以为按钮指定一个类,并仅在按钮内部设置图标的颜色.

HTML:

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

CSS:

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

这将使您的按钮的直接后代的任何图标变黑.

Answer 9

对我来说唯一有效的是内联CSS + 覆盖

<i class="fas fa-ellipsis-v fa-2x" style="color:red !important"></i>