单击后，引导按钮轮廓将保持突出显示

Question

我有以下bootstrap 4按钮代码。我发现只有在我的移动设备上，点击后按钮仍然会突出显示。它的颜色与我在桌面设备上用鼠标悬停它的颜色完全相同

<button class="btn btn-outline-primary d-inline">
  Search 
  <i class="fa fa-search float-right" aria-hidden="true"></i>
</button>

或者换句话说，它与我点击桌面鼠标上的按钮几乎一样，不要徘徊。

对我而言，似乎发生以下其中一种情况

1. 在移动设备上，单击按钮会模拟将鼠标移动到该点并触发点击事件。但是，移动设备上的“隐形”鼠标永远不会徘徊？

2. 还有别的吗？

如何摆脱这种行为？

Answer 1

因为移动浏览器（现代浏览器）支持悬停状态。  你可以做的是用移动的情况覆盖它

button.btn:hover {
    background-color: inherit || < your color >;
}