Css 单击引导按钮时，它将变为主状态

这个问题可能看起来是重复的，但其他的解决方案对我不起作用

我的问题是，每当我单击自定义引导按钮时，它就会变为btn主样式

自定义按钮：

.btn-custom01 {
    background-color:#3b3b3b;
    border-color:#ff0066;
}
.btn-custom01:active:focus{background-color:#333333; border-color:#ff0066; color:#ff0066; }
.btn-custom01:hover{background-color:#3b3b3b; border-color:#f2f2f2;}

点击按钮：

.btn-custom01 {
    background-color:#3b3b3b;
    border-color:#ff0066;
}
.btn-custom01:active:focus{background-color:#333333; border-color:#ff0066; color:#ff0066; }
.btn-custom01:hover{background-color:#3b3b3b; border-color:#f2f2f2;}

当我搜索解决方案时，我只使用

btn:active:focus

找到它们。 我试过这个，但对我没用

我的CSS:

.btn-custom01 {
    background-color:#3b3b3b;
    border-color:#ff0066;
}
.btn-custom01:active:focus{background-color:#333333; border-color:#ff0066; color:#ff0066; }
.btn-custom01:hover{background-color:#3b3b3b; border-color:#f2f2f2;}

---

我该如何解决这个问题？我希望这里有人能帮我。

使用

。btn-custom01:focus

.btn-custom01 {
  background-color: #3b3b3b;
  border-color: #ff0066;
}

.btn-custom01:active:focus {
  background-color: #333333;
  border-color: #ff0066;
  color: #ff0066;
}

.btn-custom01:hover,
.btn-custom01:focus {
  background-color: #3b3b3b;
  border-color: #f2f2f2;
}

使用访问的选择器

---

btn:visited{}

看起来您正在链接元素状态，从链中删除活动，然后焦点开始工作。如果你想要两者，就把它们分开

.btn-custom01{
背景色：#3b3b；
边框颜色：#ff0066；
}
.btn-custom01：焦点{
背景色：#333333；
边框颜色：#ff0066；
颜色：#ff0066；
}
.btn-custom01：悬停{
背景色：#3b3b；
边框颜色：#F2F2；
}

Hello World

您是否分别试用过？我的意思是：.btn-custom01:活动：{背景颜色：#333333；边框颜色：#ff0066；颜色：#ff0066；}。btn-custom01:焦点{背景颜色：#333333；边框颜色：#ff0066；颜色：#ff0066；}