在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吗？

Answer 2

点击效果来自btn类，所以我从按钮

中删除了它

我改变了这个

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

到此

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