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

时间:2013-05-29 11:39:46

标签: javascript html css cordova

我已在 PHONE GAP 项目中实现了onclick,mapping和ahref功能。虽然使用此功能进行onclick或mapping或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"/> '

2 个答案:

答案 0 :(得分:1)

这可以帮助您

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

答案 1 :(得分:1)

尝试在您的CSS中添加此功能:

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

看看这里,也许它很有用

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