如何在HTML或css中禁用选中的突出显示视图

how to disable the highlighting view on selection either in html or css?

本文关键字：视图 显示 HTML css      更新时间：2023-09-26

我已经在我的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;
}

但是，这段代码对选择视图没有任何影响。

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

编辑:

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

<div id="main" class="main" ><img src="img/abc.png" alt="abc" usemap="#abc" class="noSelects"/></div>
<<p> 图像来源/strong> 
document.getElementById("detail").innerHTML = '<img src="img/image1.png" onclick="detail()" class="noSelect"/> '

尝试在你的CSS中添加这个将会起作用:

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

看一下这里，也许对你有帮助

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

这可能帮助你: 

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
相关文章：