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

Question

我已经在我的PHONE GAP项目中实现了 onclick、mapping 和 ahref 功能。在使用此功能进行 onclick 或映射或 ahref 时——同时选择突出显示的图像或文本。

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

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

但是，此代码在选择视图中没有任何区别。

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

编辑：

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

映射

<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"/> '

score 1 · Accepted Answer

这可能会帮助您：

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

score 1 · Accepted Answer

尝试在你的 CSS 中添加它会起作用：

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

看看这里，也许有帮助

2 回答 2