懸停按鈕的背景顏色保持在移動

Question

我樣式的按鈕：

.subscribe_button { 
    background-color: red; 
} 

.subscribe_button:hover { 
    background-color: black; 
} 

當我將鼠標懸停在該按鈕，就變成黑色。但是，在移動設備上，即使懸停後，按鈕的背景顏色仍爲黑色。因此，我將鼠標懸停在按鈕上，它會變黑並保持黑色。如何在懸停後防止它保持黑色？

Answer 1

當你的按鈕被釋放時，它保持活動（聚焦）。

爲了解決這個問題，你可以這樣做：

.subscribe_button:active { 
    background-color: red; 
} 

Answer 2

觸摸屏無法檢測 「盤旋」。觸摸屏幕計數爲點擊，而不是懸停。

大多數移動瀏覽器將在最後觸及的元素上應用:hover樣式。這樣即使在移動設備上也可以使用下拉菜單。沒有什麼可以做的，以防止這種情況。我測試選擇:hover:not(:active):not(:focus)，它並沒有幫助。