禁用字体真棒图标上的颜色

Question

我刚刚在我的 font awesome 图标上添加了一个 href 标签，它改变了它的颜色，如下所示：

有没有办法去除这种 link 颜色？

<a href="https://www.w3schools.com"><i class="fa fa-facebook"></i></a>

Answer 1

在你的CSS中：

.fa-facebook {
    color: black; /* or any other color */
}

Answer 2

您不能 "remove" 颜色，但可以将颜色更改为其他颜色。

只需将 CSS 与 class

一起使用

a.black{color: #000 !important}

或所有 a 标签

a{color: #000 !important}

或直接在标签上

<a href="https://www.w3schools.com" style="color: #000 !important"><i class="fa fa-facebook"></i></a>

我正在添加 important 标签，以确保它在被点击或激活时保持黑色。

Answer 3

您可以更改锚标记内所有 .fa 图标的颜色

a .fa {
    color: black;
}

堆栈片段中的演示

a .fa {
  color: black;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>

<a href="https://www.w3schools.com"><i class="fa fa-facebook"></i></a>

禁用字体真棒图标上的颜色

Disabling color on font awesome icon

html

css

font-awesome

堆栈片段中的演示