Jquery 如何阻止引导按钮默认为灰色背景？ 发生了什么事

我想发生什么 出于某种原因，当我点击

按钮bullet

时，

背景色

恢复为引导的默认灰色，即使我使用jQuery将

背景色

设置为

#FCC1C5

正如您在下面的jQuery代码中所看到的，我尝试添加事件

单击

和

聚焦

，以阻止

背景色

变为灰色。但这没有帮助

如果有人能告诉我我做错了什么，那就太好了

我的代码 HTML

jQuery

---

将按钮的

：active设置为透明

.btn.button-add, 
.btn.button-bullet, 
.btn.button-add:active, 
.btn.button-bullet:active
.btn.button-add:focus, 
.btn.button-bullet:focus {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

编辑：可能还需要包括
：焦点
。
可能还需要一个焦点选择器，用于更新答案。此外，还需要添加“框阴影：无；”和“-webkit-box-shadow:none；”
/*get rid of Boostrap default grey for buttons*/
.btn.button-add, .btn.button-bullet{
  background-color: transparent;
}

.btn.red-background{
  background-color: #FCC1C5;
}

$(".worksheet-problems").on("mouseenter mouseleave focus click", ".button-bullet", function(){
    if ($(".worksheet-problems").children().length > 1) {
        $(this).toggleClass("red-background");
    }
});

.btn.button-add, 
.btn.button-bullet, 
.btn.button-add:active, 
.btn.button-bullet:active
.btn.button-add:focus, 
.btn.button-bullet:focus {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}