滚动时iOS链接背景颜色会发生变化

Question

在我的网站上，我有一个产品列表，其中包含a链接display:block，因此整个产品及其详细信息都是可点击的。

a链接没有hover background-colour，但它有一个active background-colour，因此bg颜色会改变某人点击链接.. < / p>

我遇到的问题是在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;

}