css - 在 Bootstrap 中禁用按钮点击效果

Question

我正在使用 Bootstrap 4，但是按钮有一个小问题

<button type="submit" class="btn btn-success form-btn">Rechercher</button>

按钮是这样显示的

当我点击它时，它保持不变，但是当鼠标离开后它就变成了这样

只有当我再次用鼠标点击或鼠标在其中时才会显示

我认为这与主动选择器有关，但我找不到导致此问题的原因

任何帮助将不胜感激

Answer 1

我无法重现这个问题。我认为你在谈论焦点？ https://codepen.io/amitozdeol/pen/dKOLKB

.btn-success:focus, .btn-success.focus {
    box-shadow: none;
}

浏览器:Chrome MacOS您可以与我们分享 jsfiddle 或 codepen 吗？