发出造型Bootstrap按钮

Question

我在Bootstrap中遇到样式按钮问题，希望你能帮助我。

我在JS小提琴中尝试了这个，我让它以我想要的方式工作here。因此，当我将鼠标悬停在按钮上时，我会变成深蓝色，当我点击它时，我会得到相同的深蓝色。

但是，当我在Firefox或Chrome上查看该页面时，如果单击该按钮，则会出现“btn-default”类的默认颜色（灰色）。我是一个初学者，从我短时间学习CSS和Bootstrap，活动的Pseudo-class适用于单击按钮的时候。我试过用它来覆盖它：

.btn-default.active, .btn-default:active{
    background-color: #1e3c89;
    border-color: #1e3c89;
}

知道我做错了吗？

编辑：谢谢您的回复。我不确定我是在解释我想要正确实现的目标。所以我发布了一个链接here，正确地说明了我的问题（质量道歉）。按钮的当前状态为浅蓝色，当我将其悬停为深蓝色时。你注意到按钮然后变成灰色，就是当我点击按钮时。当我点击按钮时，我希望它是相同的深蓝色。

Answer 1

悬停和活动状态的颜色相同。

尝试更改活动状态的颜色

.btn-default.active, .btn-default:active {
   background-color: #5e4c89;
   border-color: #5e4c89;
   color: #fff;
   box-shadow: inset 0 3px 5px rgba(0,0,0,0.5);
}

https://jsfiddle.net/rooo55nw/