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

时间:2015-03-04 22:02:54

标签: ruby-on-rails twitter-bootstrap font-awesome

我正在使用Social Buttons for Bootstrap(http://lipis.github.io/bootstrap-social/)向facebook和twitter添加图标链接,但我无法让它们像上面网站上的示例一样。

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

我用于按钮的代码:

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

我认为它与btn类有关,但我无法找到其他人遇到此问题。任何指导都将非常感谢。

2 个答案:

答案 0 :(得分:1)

找到了我需要的答案。不得不修改button-social-icon:hover color CSS with .btn-social-icon:hover {color:#FFF}

答案 1 :(得分:0)

只需将其添加到css的末尾:

.fa:hover{color:#FFF !important;}
相关问题