html - 发布样式 Bootstrap 按钮

Question

我在使用 Bootstrap 中的样式按钮时遇到问题，希望您能帮助我。

我已经在 J​​S fiddle 中尝试过这个，我已经按照我想要的方式工作了 here .因此，当我将鼠标悬停在按钮上时，我会得到深蓝色，当我单击它时，我会得到同样的深蓝色。

但是，当我在 Firefox 或 Chrome 上查看页面并单击按钮时，会出现“btn-default”类的默认颜色(灰色)。我是一个完全的初学者，从我学习 CSS 和 Bootstrap 的短时间来看，活跃的伪类是在单击按钮时使用的。我试过用这个覆盖它:

.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/