6

introducir la descripción de la imagen aquí

Buenas, quisiera saber como puedo quitar el azul que aparece al seleccionar una imagen en Google Chrome, lo que estoy haciendo es un piano interactivo que cuando pulsas realiza la función del onclick que hace que suene, pero lo que pasa es que si pulso varias veces y rápido me lo muestra así y no se como quitarlo (solo pasa en GOOGLE CHROME)

3
  • 1
    Le di a aprobar una a una edición, pero la palabra imagen se escribe sin tilde, disculpas :P dle.rae.es/?id=KzwDY4y el 5 jun. 2017 a las 21:17
  • @ArieCwHat Solucionado :P el 5 jun. 2017 a las 21:48
  • Tienes toda la razón se me fue la cabeza, un saludo
    – El Barto
    el 6 jun. 2017 a las 6:44

2 respuestas 2

9

Puedes utilizar user-select: none para impedir que el usuario pueda seleccionar la imagen y por lo tanto no aparezca en azul cuando la seleccionas.

Ejemplo:

img{
   width: 300px;
   user-select: none;
}
<img src="https://media.licdn.com/mpr/mpr/shrinknp_800_800/AAEAAQAAAAAAAARpAAAAJDMzZGRhNGMwLTU4YmMtNDdmZi1hMjU5LWIwYTViMjdlNWJmOQ.png">

1
  • 1
    Muchísimas gracias :)
    – El Barto
    el 6 jun. 2017 a las 6:39
4

Puedes utilizar css y agregarle una clase como esta:

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

El contenido lo encontré en el sitio en ingles de stackoverflow, link

1
  • De lujo, muchas gracias :)
    – El Barto
    el 6 jun. 2017 a las 6:40

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.