отключить эффект нажатия кнопки в начальной загрузке

Question

Я работаю с Bootstrap 4, и у меня есть небольшая проблема с кнопками

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

Вот как появляется кнопка

Когда я нажимаю на него, он остается прежним, но сразу после того, как мышь покидает его, он становится таким:

Отображается только при повторном нажатии смышь или мышь внутри нее

Я думаю, что это проблема с активным селектором, но я не могу найти причину этой проблемы

Любая помощь будет оценена

Answer 1

Эффект щелчка исходил от класса btn, поэтому я удалил его из кнопки

Я изменил это

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

На это

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

Answer 2

Я не могу повторить проблему.Я думаю, вы говорите о фокусе?https://codepen.io/amitozdeol/pen/dKOLKB

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

Браузер: Chrome MacOS Можете поделиться с нами jsfiddle или codepen?