1

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

该a链接没有，hover background-colour但它有一个active background-colour所以bg颜色改变某人点击链接..

我遇到的问题是在我的 iPhone 上，当我滚动时，a链接的背景颜色会变为active状态的 bg 颜色。当滚动浏览产品时项目背景颜色发生变化时，这非常烦人。这是为什么？阻止它发生并仍然改变background-colour曾经点击过的 iOS 的最佳方法是什么？我是唯一遇到这个问题的人吗？

如果您需要 jsfiddle，请告诉我。非常感谢

4

1 回答 1

0

我在我的应用程序中这样做的方式是明确提及所有状态，因此没有歧义。我的 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;

}
于 2013-03-24T04:29:12.100 回答