阻止锚点制作字体真棒图标蓝色？

Question

出于某种原因，每当我制作一个字体真棒图标将它放在一个锚点内时，它会变成蓝色，我无法通过css正常方式禁用它：

a {
    text-decoration:none;
}

这是一个指向codepen的链接，你可以在页脚看到github图标是蓝色的：

http://codepen.io/EuanR/pen/XbOdgR

Answer 1

您可以添加以下CSS以使链接继承其周围文本的颜色：

a {
  color:inherit;
}

Answer 2

这里的问题是text-decoration:none;不会阻止链接改变颜色;它只是阻止了下划线。

要防止颜色变化，您必须覆盖颜色：

a {
   text-decoration:none;
   color: inherit;
}

这与字体真棒

无关或引起

Answer 3

FontAwesome的图标在<i>标记中输入，您只需拨打<i>标记即可。

i{
  color:red;
}

Answer 4

您需要指定颜色属性：

a {
    text-decoration:none;
    color: black;
}

或者如果您希望链接的其余部分为蓝色，而是其他颜色的图标：

a i {
    text-decoration:none;
    color: black;
}

Answer 5

当然，只需在链接上设置一种颜色：

.modal-footer a {
  color:red;
}

<强> codepen example