如何让引导程序不干扰AngularJS中设置的按钮背景色？

在这个按钮菜单的实现中，如何使所选按钮选择类

按钮显示类型

，并使其他按钮取消选择

按钮显示类型

：

它在显示页面时有效，在我不使用引导类时有效，但是如何使用引导获取按钮的正确背景颜色

  <span ng-repeat="displayType in displayTypes">
      <button ng-class="(displayType.idCode == currentDisplayTypeIdCode) ? 'buttonDisplayTypeSelected' : 'buttonDisplayTypeUnselected'" class="btn btn-default btn-xs "
              ng-click="selectDisplayType(displayType.idCode)">{{displayType.title}}</button>
  </span>

---

这是因为

bootstrap

在按钮聚焦时添加样式（单击按钮，然后单击白色背景，然后按钮获得需要的实际颜色，这是因为当您单击白色背景按钮时，将模糊，并且通过焦点将样式设置为按钮），请检查下图

您需要做的只是将

：focus

样式覆盖为

.buttonDisplayTypeSelected, .buttonDisplayTypeSelected:focus {
    background-color: tan;
}

以下是最新的

.buttonDisplayTypeSelected, .buttonDisplayTypeSelected:focus {
    background-color: tan;
}