如何在双击时停止突出显示div元素

我有这个背景图像的div元素，我想停止突出显示div元素时，双击它。 有一个CSS属性呢？

Answer 1

下面的CSS停止用户select文本。 现场示例： http : //jsfiddle.net/hGTwu/20/

-webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; 

要向下定位IE9，Opera必须使用unselectable的html属性：

 <div unselectable="on">Test Text</div> 

Answer 2

这对我有用

 html { -webkit-tap-highlight-color:transparent; } 

Answer 3

我试图find一个解决scheme停止在谷歌高亮显示，并转向这个职位。 但不幸的是，没有任何答案可以解决我的问题。

经过大量的在线调查，我发现修复是非常简单的。 不需要任何复杂的CSS。 只需将下面的CSS添加到您的网页，你都设置好了。 这适用于笔记本电脑以及手机屏幕。

 div { outline-style:none;} 

注意 ：这工作在Chrome版本44.0.2403.155米。 此外，它在今天的所有主要浏览器支持，如此url所解释： http : //www.w3schools.com/cssref/pr_outline-style.asp

Answer 4

我不是CSS专家，但是我认为只要扩大受影响的元素数量，就可以使用tw16的答案。 例如，这可以防止在我的页面上到处突出显示，而不会影响任何其他types的交互：

 *, *:before, *:after { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } 

第一行是由Paul Irish提供的（通过http://adamschwartz.co/magic-of-css/chapters/1-the-box/ ）。

Answer 5

定位所有div元素：

 div::-moz-selection { background:transparent; } div::selection { background:transparent; } 

针对所有元素：

 ::-moz-selection { background:transparent; } ::selection { background:transparent; } 

Answer 6

禁用用户select：

 div { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 

为所选元素设置透明背景：

 div::-moz-selection { background:transparent; } div::selection { background:transparent; }