在移动设备上触摸屏幕时标记所有网页

Question

有问题的网站：Dentrist.com

以下视频说明了一切： https://drive.google.com/file/d/0B3I1u2C6pdwmb3lMQ0lkbkZoRGc/view?usp=sharing 同样的结果出现在 Android 和 Apple 设备上。

我已尝试修复它并找到导致此问题的 div，至少我是这么认为的。认为这是一个 CSS 问题。但现在我认为它是由我在网站上使用的新聚合物（网络组件）引起的。使用 Debug 我发现当指向 tag/element "body" 或 "html" 时它会标记所有屏幕。需要注意的一件事是，由于某种原因，在整个页面标记之后，任何 link 或文本的选择都可以正常工作。我不知道如何用其他方式解释它。

请帮忙！谢谢。

Answer 1

这是 Wordpress 插件的问题。更新所有插件后，问题解决。虽然很难诊断。

Answer 2

我终于发现问题了。这是由浏览器在按下按钮或 link 时实现 css 高亮引起的。我使用 css 重置为默认浏览器操作的修复：

*, *:before, *:after {
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

来源：

Anyway to prevent the Blue highlighting of elements in Chrome when clicking quickly?
https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=css+remove+highlighting+selected+when+clicked&spell=1

在移动设备上触摸屏幕时标记所有网页

All webpage is marked when touching the screen on mobile devices

html

css

wordpress

mobile

polymer