社交按钮悬停效果改变图标颜色

Question

我正在使用 Bootstrap (http://lipis.github.io/bootstrap-social/) 的社交按钮来添加指向 facebook 和 twitter 的图标链接，但我无法让它们像上述站点上的示例那样运行。

按钮显示正常，但当您将鼠标悬停在它们上方时，图标会变为较暗的颜色。在示例中，这不会发生并且图标保持白色。

我为按钮使用的代码：

<a class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>

我假设它与按钮有关 class，但我找不到其他人遇到此问题。任何指导将不胜感激。

Answer 1

只需将此添加到您的 css:

的末尾

.fa:hover{color:#FFF !important;}

Answer 2

找到我需要的答案。必须修改 button-social-icon:hover 颜色 CSS 为 .btn-social-icon:hover{color:#FFF}