Cómo deshabilitar destacado en una imagen

Question

Estoy intentando desactivar destacado en la imagen, cuando me muevo con el ratón en la imagen y arrastre, Echale un vistazo:

Gracias mucho!

Answer 1

Esa es una propiedad del navegador que no se puede deshabilitar (a menos que desee usar una cantidad ridícula de js) si está usando la etiqueta <img />. Puede tenerlo fondo a través de CSS pesar de que haría undraggable

Answer 2

Trate de ponerlo como un fondo CSS en lugar de un elemento img.

Answer 3

Puede probar esto (esto no funcionará en todos los navegadores):

img::-moz-selection { 
    background-color: transparent; 
    color: #000; 
} 

img::selection { 
    background-color: transparent; 
    color: #000; 
} 

O puede utilizar una <div> con el ancho apropiado y establecer altura y utilizar una imagen de fondo CSS en él. Por ejemplo, yo uso esto en mi sitio:

<div id="header"></div> 

#header { 
    height: 79px; 
    width: 401px; 
    background: url(http://nclabs.org/images/header.png) no-repeat; 
} 

Y, finalmente, puede utilizar Javascript para desactivarlo mediante programación.

Answer 4

Esta forma de evidenciar con discapacidad en un elemento DOM:

function disableSelection(target){ 
    if (typeof target.onselectstart!="undefined") // if IE 
     target.onselectstart=function(){return false} 
    else if (typeof target.style.MozUserSelect!="undefined") // if Firefox 
     target.style.MozUserSelect="none"; 
    else // others 
     target.onmousedown=function(){return false;} 

    target.style.cursor = "default"; 
} 

utilizar de esta manera:

disableSelection(document.getElementById("my_image")); 

Answer 5

Uso user-select propiedad:

img{ 
    -khtml-user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 

Answer 6

img{ 
    -ms-user-select: none;  /* IE 10+ */ 
    -moz-user-select: none;  /* Firefox all */ 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    user-select: none;   /* Likely future */  
} 

Answer 7

En el caso de algunas personas aquí están interesados ​​en t Sass que mixin:

// Prevent users to select an element 
@mixin no-select { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

Answer 8

Para quitar la selección de texto e imágenes de todo el cuerpo selector de uso del sitio web

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