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

【问题标题】：Disabling color on font awesome icon禁用字体真棒图标上的颜色
【发布时间】：2019-09-09 07:44:36
【问题描述】：

我刚刚为我的字体真棒图标添加了一个 href 标记，它改变了它的颜色，如下所示：

有没有办法去掉这个链接颜色？

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

【问题讨论】：

好像你知道涉及到 CSS，那么你有什么尝试？
是的，我之前试过去掉装饰，因为我不知道你不能用 font awesome 做到这一点。

标签： html css font-awesome

【解决方案1】：

在您的 CSS 中：

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

【讨论】：

【解决方案2】：

您无法“移除”颜色，但可以将颜色更改为其他颜色。

只需将 CSS 与类一起使用

a.black{color: #000 !important}

或所有atags

a{color: #000 !important}

或者直接上标签

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

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

【讨论】：

【解决方案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>

【讨论】：