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)
2 respuestas
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
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
imagen
se escribe sin tilde, disculpas :P dle.rae.es/?id=KzwDY4y