滾動時iOS鏈接背景顏色發生變化

Question

在我的網站上，我有一個產品清單a與display:block鏈接，所以整個產品及其細節都是可點擊的。

的a鏈接可是沒有一個hoverbackground-colour，但它有一個activebackground-colour所以背景顏色改變有人點擊鏈接..

我的問題是在我的iPhone，當我滾動時，a鏈接的背景顏色更改爲active狀態的bg顏色。當滾動瀏覽產品時，項目背景顏色發生變化時非常煩人。這是爲什麼？一旦點擊了iOS，最好的辦法是阻止它發生並改變background-colour？我是唯一一個得到這個問題的人嗎？

請讓我知道你是否需要一個jsfiddle。非常感謝

Answer 1

我在我的應用程序中完成它的方式是明確提及所有狀態，所以不存在歧義。我的CSS有點看起來像這樣 -

a:link { 
    text-decoration: none; 
    color: black; 
    -webkit-tap-highlight-color: #ffcc99; 
} 

a:visited { 
    text-decoration: none; 
    color: black; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
} 

a:hover { //technically not required to mention hover 
    color:black; 
} 

a:active { 
    color:grey; 

}