javascript - 无法删除引导按钮边框

我有一个自定义的引导按钮，单击后无法删除其边框。我可以更改其背景颜色，但是蓝色的边框一直困扰着我。

我单击它，它会打开一个模态窗口，在关闭模态后，边框仍然存在，直到我单击页面的另一部分，即使我更改了:active和:focus中的值也是如此。



html :

<button id="openPopup" type="button" class="btn btn-primary btn-lg text-uppercase" data-toggle="modal" data-target="#myModal">
    some text here
</button>

css :

#openPopup {
  padding: 20px 30px;
  background-color: #a2238e;
  border-color: #a2238e;
  box-shadow: 1px 1px 1px #999;
  white-space: normal;
  font-size: smaller;
  letter-spacing: 0.2px;
}

#openPopup:hover, #openPopup:active, #openPopup:focus {
  background-color: #912284 !important;
  border-color: #912284 !important;
}

最佳答案

试试这个

#openPopup:focus {
    outline: none;
}

或者

#openPopup:focus {
    outline: 0;
}