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

Question

我有一个带背景图像的div元素,我想在双击它时停止在div元素上突出显示.这有什么CSS属性吗？

Answer 1

下面的CSS阻止用户选择文本.实例: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并且unselectable必须使用Opera html属性:

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

Answer 2

这适合我

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

Answer 3

我试图找到一个解决方案来阻止Chrome中的div突出显示,并转向这篇文章.但不幸的是,没有一个答案解决了我的问题.

经过大量的在线研究,我发现修复非常简单.不需要任何复杂的CSS.只需将以下CSS添加到您的网页即可.这适用于笔记本电脑和移动屏幕.

div { outline-style:none;}

注意:这适用于Chrome版本44.0.2403.155 m.此外,今天所有主流浏览器都支持它,如本网址所述:http://www.w3schools.com/cssref/pr_outline-style.asp

Answer 4

我不是CSS专家,但我认为你可以使用tw16的答案,只要你扩大受影响的元素数量.例如,这可以防止在我的页面上的任何地方突出显示,而不会影响任何其他类型的交互:

*, *: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/).