在移动版本中单击元素时变为灰色

【问题标题】：a element become gray when clicking on it in mobile versions在移动版本中单击元素时变为灰色
【发布时间】：2016-01-26 09:05:21
【问题描述】：

如果您在移动版上查看此网站： http://midanew.wpengine.com/

通过点击徽标，您可以看到一个灰色的圆圈。

它发生在 android 和 iOS 版本上。在寻找解决方案后，我发现这段代码应该可以解决这个问题：

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;

但这似乎没有帮助。

【问题讨论】：

【解决方案1】：

我注意到在wp-content/themes/mida/style.css 文件中是这个导致灰色背景行为的css。尝试删除它。这应该可以解决问题。

.menu-bottom-layout:hover .main-navigation a:hover{
    background-color: #CCCCCC;
}

【讨论】：