我有一个自定义的 Bootstrap 按钮,单击后我无法删除它的边框。我能够更改它的背景颜色,但有一个持续的蓝色边框让我感到厌烦。
我点击它,它打开一个模式窗口,关闭模式后边框仍然存在,直到我点击页面的另一部分,即使我更改了 :active
和 :焦点
。
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;
}
最佳答案
在 Bootstrap 4.5.0 上你可以试试
<button class="btn btn-primary shadow-none">ADD TEXT HERE</button>
它对我有用。
关于javascript - 无法删除引导按钮边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49836206/