Html 如何从引导按钮中移除悬停效果？

我有一个Bootstrap按钮，我在样式表中覆盖了样式，因为我想使按钮变暗，现在按钮上有一个Bootstrap的悬停效果，我如何摆脱它？有关结果，请参见下面的代码段：

.btn暗{
最小宽度：100px；
背景色：黑色；
颜色：白色；
边界半径：1px；
文字装饰：无；
不透明度：1.0；
盒影：无；
}

---

尝试使用：悬停选择器并添加更多CSS以指定所设计的确切转换

.btn-dark:hover {
  color: white;
}

---

您还需要覆盖样式中的悬停

.btn-dark: hover {
    //Your style
}

只用

    .btn:hover {
}

写下必要的东西

.btn暗{
最小宽度：100px；
背景色：黑色；
颜色：白色；
边界半径：1px；
文字装饰：无；
不透明度：1.0；
盒影：无；
}
.btn黑暗：悬停{
颜色：#fff！重要；
文字装饰：无；
}

引导示例
.btn暗{
最小宽度：100px；
背景色：黑色；
颜色：白色；
边界半径：1px；
文字装饰：无；
}
.btn:悬停{
颜色：#fff！重要；
文字装饰：无；
}

---

小提琴：

我这样做的方式是禁用悬停，找到你的按钮，然后将悬停颜色与按钮颜色相同

.e-btn.e-flat, .e-css.e-btn.e-flat {
        background-color: #EB780A;
        border-color: #EB780A;
    }

要禁用悬停颜色，请在末尾添加悬停

.e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover {
        
        background-color: #EB780A;
        border-color: #EB780A;
    }

---

我们这里说的是BS3，答案不适用于BS4。

.e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover {
        
        background-color: #EB780A;
        border-color: #EB780A;
    }