Jquery CSS的Firefox兼容性问题

我在firefox v60上遇到一些问题，代码如下：

.btn:focus, .btn:active {
  background-color: orange !important;
  /*background: red !important;*/
}
.btn-primary{
    border-color: #9b9e9e !important;
    box-shadow: none !important;
    background-color: #9b9e9e !important;
}

我想更改按钮单击后的颜色，但该按钮的颜色不会保持不变。它在chrome和FirefoxV52上运行良好

有人能帮我吗

谢谢

我的看法是：焦点是一个问题，当我们点击按钮时，焦点仍然在chrome上，而不是在firefox上。这就是这些浏览器在这里工作的不同之处

.btn:active是此处的正确代码，它将在单击时添加颜色或任何过渡，并在完成任务后消失

但若你们坚持使用相同的方法，那个么把按钮改为标记并使用

.btn:active {
  color: orange;
}

---

这将解决您的问题，但如果您愿意，您可能需要添加更多样式，使链接看起来像按钮。

感谢您的回复，但即使将其更改为，它仍然是一样的：|这把小提琴能帮你更多的忙。它在Chrome和Firefox.ff v69中都可以使用，就像Chrome一样。单击按钮外部时，橙色背景会丢失。这是您提供的代码中的常规行为。