Jquery 引导4-打开模式的按钮在模式关闭后保持高亮显示/单击状态

我正在使用下面的按钮打开一个模式

但在我关闭模式后，它似乎保持高亮显示/单击并带有阴影。我想我可以用一个模态事件处理程序来纠正这个问题

$（'#MyModal'）.on（'hide.bs.modal'，function（）{
$（“.btn secondary”）.blur（）；
})

按钮

应用以下样式：

.btn-secondary:focus {
    outline: none !important;
    box-shadow: none;
}

---

请注意，这将适用于类为

.btn secondary

（这显然是一个引导类）的所有按钮。如果只想将样式应用于特定按钮，请使用唯一的类或id。

最终使用解决方案I，该解决方案使用锚定而不是按钮。。。它已经好几年了，但对我来说是最好的

<div class="text-center mb-2"><a role="button" style="color:white" 
class="btn btn-secondary btn-sm custom"  data-toggle="modal" data-target="#MyModal"</a></div>-->

---

感谢@Pieter的反馈。它消除了阴影，但按钮仍然显示为单击状态-它们是悬停颜色。现在我使用的是

shadownone

，它与您的css解决方案具有相同的效果。我使用的是一个bootswatch主题，所以我想除非我回到普通的bootstrap，否则没有办法解决这个问题，但仍然没有意义为什么blur适用于其他按钮？？？