引导按钮轮廓在点击后保持高亮

Question

我有以下引导程序4按钮代码。我发现的是，只有在我的移动设备上，点击后按钮才会高亮显示。它的颜色是完全一样的，如果我用鼠标盘旋它在我的桌面设备上

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

或者换句话说，它是相当多的，如果我点击了相同我的桌面鼠标上的按钮不会悬停。

对我来说，这似乎是发生

1. 在移动设备上执行下列操作之一，在按钮上点击摸拟移动鼠标到该点并触发click事件。但是，移动设备上的“不可见”鼠标永远不会悬停？

2. 还有其他的东西吗？

我该如何摆脱这种行为？

Answer 1

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

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