javascript - 如何在 html 或 css 中禁用选择时的突出显示 View ？

Question

我在我的 PHONE GAP 元素中实现了 onclick 、映射和 ahref 功能。在将此功能用于 onclick 或映射或 ahref 时——当选择图像或文本时，它会突出显示。

我不希望它被突出显示。我尝试实现以下代码

noSelect
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
   user-select: none;
}

但是，此代码在 SELECTING VIEW 中没有任何区别。

所以，请建议我一种处理此问题的方法并解决我的问题。

编辑:

这就是我在映射和图像中使用它的方式，但它不起作用。

映射

<div id="main" class="main" ><img src="img/abc.png" alt="abc" usemap="#abc" class="noSelects"/></div>  

图片来源

document.getElementById("detail").innerHTML = '<img src="img/image1.png" onclick="detail()" class="noSelect"/> '

Answer 1

尝试将此添加到您的 css 中会起作用:

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

---

看看这里，也许有帮助

http://phonegap-tips.com/articles/essential-phonegap-css-webkit-tap-highlight-color.html