Html CSS悬停：引导模式

我有一个按钮和一个模式是打开按钮点击

当我将鼠标悬停在按钮上时，它的背景颜色会稍微改变。当我点击按钮，然后一个模态打开。但当我关闭模态并悬停在按钮上时，我并没有得到我在点击按钮之前得到的悬停效果

.btn-info.focus，.btn-info:focus{
颜色：#fff；
背景色：#000！重要；
边框颜色：#fff！重要；
}

邮件PDF
&时代；
模态头
模态中的一些文本

接近
这是因为：

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

用自定义css覆盖它。使
：悬停
！重要的是，它肯定会覆盖
：focus
规则


body.btn-info.focus，body.btn-info:focus{
颜色：#fff；
背景色：#5bc0de；
边框颜色：#46b8da；
}
.btn信息：悬停{
颜色：#fff；
背景色：#31b0d5！重要；
边框颜色：#269abc！重要；
}

邮件PDF
&时代；
模态头
模态中的一些文本

接近

.btn-info.focus，body.btn-info:focus{
颜色：#fff；
背景色：#5bc0de；
}
.btn信息。焦点：悬停，主体。btn信息：焦点：悬停{
颜色：#fff；
背景色：#31b0d5；
边框颜色：#269abc；
}


邮件PDF
&时代；
模态头
模态中的一些文本

接近
这是因为，当您关闭模式时，焦点仍然在按钮上，并且您有按钮焦点的自定义类，该类将其设置为黑色。删除该类可能会有所帮助



邮件PDF
&时代；
模态头
模态中的一些文本

接近
单击按钮后，它将保持
：焦点状态。关闭模式后单击其他位置将再次重置模式。我希望在关闭模式后它保持不变。请在“关闭”按钮上刷新页面或重新加载代码。输出结果仍然相同：（您可以检查我的更新问题。当我单击按钮时，它变黑，但当我在关闭模式后再次悬停时，它不会被更改。您可以检查我的更新问题。当我单击按钮时，它变黑，但当我在关闭模式后再次悬停时，它不会被更改。这是因为您放置了“！重要”如果你想要它，至少不要把它显示出来，让它像背景色一样透明：rgba（51，51，51，0）！重要；