我有jsFiddle来说明问题。我在我的网站上使用了bootstrap CDN。我已经覆盖了CSS中的Bootstrap btn-primary类，以使它们与我的网站主题相匹配。
问题：btn-primary有一个悬停，可以将图标背景颜色切换为蓝色阴影。但是，当我点击按钮时，它似乎锁定了＃39;在悬停颜色上。如果我点击按钮的OUTSIDE页面，它只会改回来。
我知道我可以添加！重要的是我的CSS中的背景行，但后来我失去了鼠标悬停/悬停颜色变化，我想保留它。
任何人都可以解释为什么会发生这种情况或给我一个解决方法，允许我的被覆盖的按钮在点击它并将其移除后切换回所需的/初始颜色？感谢。
来自jsFiddle的重现问题的说明： 请参阅问题：
1. mouse over the button without clicking. Color changes for mouse on, changes back on mouse off.
2. Mouse over button
3. Click button.
4. Mouse off button.
5. Notice color of button remains the mouseover color, even if you mouse on/off button repeatedly.
6. click page outside of button.
7. notice button now changes back and mouseover behavior is restored.
寻找保留默认鼠标悬停行为的方法，但仍覆盖bootstrap btn-primary的默认bg颜色。