Bootstrap按钮组 - 覆盖活动/焦点状态

Question

我正在使用Bootstrap按钮组并且在覆盖某些CSS状态时遇到问题。我相信状态为:active:focus，当按钮处于被点击状态时，它会在按钮上添加深蓝色背景，我已尝试覆盖但没有成功。

我提供了Fiddle复制我遇到的问题。

尝试使用以下方式覆盖此样式：

.btn-group label.btn-primary:active:focus {
    background-color: #ffffff;
}

有什么建议吗？

Answer 1

你不能像那样把这些州连在一起：

分开进行：

.btn-group label.btn-primary:active {
    background-color: #ffffff;
}

.btn-group label.btn-focus{
    background-color: #ffffff;
}

（顺便说一下，我认为您可能需要transparent而不是#ffffff

https://jsfiddle.net/jer8k6ex/4/