css - etiqueta - span html significado

Cómo detener el resaltado de un elemento div al hacer doble clic

Question

Tengo este elemento div con una imagen de fondo y quiero dejar de resaltar en el elemento div al hacer doble clic en él. ¿Hay alguna propiedad de CSS para esto?

Answer 1

desactivar la selección del usuario:

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

establecer fondo transparente para el elemento seleccionado:

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

Answer 2

El siguiente CSS impide que los usuarios puedan seleccionar texto. Ejemplo en vivo: 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;

Para orientar IE9 hacia abajo y Opera el atributo html unselectable debe usarse en su lugar:

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

Answer 3

Estaba tratando de encontrar una solución para detener el resaltado div en Chrome, y volví a esta publicación. Pero, desafortunadamente, ninguna de las respuestas resolvió mi problema.

Después de mucha investigación en línea, descubrí que la solución es algo muy simple. No hay necesidad de ningún CSS complejo. Simplemente agregue el siguiente CSS a su página web y ya está todo listo. Esto funciona tanto en computadoras portátiles como en pantallas móviles.

div { outline-style:none;}

NOTA : Esto funcionó en la versión de Chrome 44.0.2403.155 m. Además, es compatible con todos los principales exploradores de hoy como se explica en esta url: http://www.w3schools.com/cssref/pr_outline-style.asp

Answer 4

Esto funciona para mí

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

Answer 5

No soy un experto en CSS, pero creo que puedes usar la respuesta de tw16 siempre y cuando expandas la cantidad de elementos afectados. Por ejemplo, esto evita resaltar en todas partes en mi página sin afectar a ningún otro tipo de interactividad:

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

Esa primera línea es cortesía de Paul Irish (a través de http://adamschwartz.co/magic-of-css/chapters/1-the-box/ ).

Answer 6

Apuntar a todos los elementos div:

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

Apuntar a todos los elementos:

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