How to stop highlighting of a div element when double-clicking
The CSS below stops users from being able to select text. Live example: http://jsfiddle.net/hGTwu/20/
/* If you want to implement it in very old browser-versions */
-webkit-user-select: none; /* Chrome/Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
/* The rule below is not implemented in browsers yet */
-o-user-select: none;
/* The rule below is implemented in most browsers by now */
user-select: none;
To target IE9 downwards and Opera the HTML attribute unselectable
must be used instead:
<div unselectable="on">Test Text</div>
This works for me
html
{
-webkit-tap-highlight-color:transparent;
}