小编Jev*_*nko的帖子

我正在使用Social Buttons for Bootstrap在我的网站上添加社交按钮.该文件基本上是一个CSS,它使用Font Awesome,并且为各种社交网络定义了大约20多个类.使用Bootstrap Social定义的按钮具有悬停和活动效果.

我想要做的是禁用悬停/活动效果,因此按钮将变为静态,即没有任何悬停/点击功能.

理想情况下,我想要一些CSS类,比如"btn-static",它会取消来自悬停/活动效果的样式更改.

这甚至可能吗？

我想避免为每个社交网络创建单独的CSS类,或者修改原始CSS文件.希望添加可以取消悬停/活动事件的自定义类.

例如,这里是定义的按钮:

<span class="btn btn-social btn-facebook">
    <span class="fa fa-facebook"></span>Facebook
</span>

我尝试过使用:

.btn-static:active, .btn-static:hover { background-color: none; }

和

.btn-static:active, .btn-static:hover { background-color: inherit; }

但这只是使按钮具有透明背景.我希望它保持原有的颜色.在某种程度上可以在CSS中引用原始颜色吗？

更新#1: JSFiddler可用