Css 引导按钮自定义活动颜色

我正在尝试为引导按钮的活动状态设置自定义颜色

HTML:

---

有了这段代码，我可以更改按钮的颜色和悬停颜色，但是当我单击按钮时，默认的btn主颜色仍然保留。我做错了什么

Twitter的引导提供了一个按钮生成器，看看生成器，也许您可以更改生成的CSS代码以满足您的需求：

---

Twitter的Bootstrap提供了一个按钮生成器，看看生成器，也许您可以更改生成的CSS代码以满足您的要求：

---

试试这样的

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #43A047;
    border-color: #43A047;
}
.btn.btn-primary:hover {
    color: #43a047;
    background-color: #FFFFFF;
    border-color: #43a047;
}
.btn.btn-primary:focus {
    background-color: #f00;
}

---

试试这样的

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #43A047;
    border-color: #43A047;
}
.btn.btn-primary:hover {
    color: #43a047;
    background-color: #FFFFFF;
    border-color: #43a047;
}
.btn.btn-primary:focus {
    background-color: #f00;
}

.btn.btn-primary {
    color: #FFFFFF;
    background-color: #43A047;
    border-color: #43A047;
}
.btn.btn-primary:hover {
    color: #43a047;
    background-color: #FFFFFF;
    border-color: #43a047;
}
.btn.btn-primary:focus {
    background-color: #f00;
}