引導按鈕輪廓在點擊後保持高亮

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 >; 
}