Desactivar resaltado de enlace

Question

Hola, me pregunto si es posible desactivar el "resaltado" que obtienes al hacer clic en un enlace. Quiero que mi enlace se comporte como una imagen. En otras palabras, no quiero que aparezca el cuadro de resaltado al hacer clic.

Answer 1

Supongo que está buscando desactivar el esquema que los navegadores colocan en los enlaces cuando se les hace clic. Eso sería:

a { outline: none; } 

Answer 2

<style> 
a,a:hover,a:click, a:visited{ 
    border:none; 
    outline:none; 
    text-decoration:none; 
    color:inherit; 
} 
</style> 

Answer 3

Se puede hacer uso de CSS, estableciendo el outline del enlace en el foco:

a.image-link:focus { outline: 0; } 

Pero es necesario recordar a siempre definir un estilo alternativo (como cambiar el color o cambiar el fondo de la imagen para que el usuario sepa que se está haciendo clic). De lo contrario, DON'T DO IT!.

Las personas que utilizan el teclado para navegar confían en este esquema para saber en qué enlace se están enfocando.

Answer 4

También debe administrar -webkit-tap-highlight-color, y debe proporcionar estilos alternativos, especialmente para los usuarios que naveguen con la tecla de tabulación y confíen en resaltar de algún tipo para ver dónde están. Entonces eso da ...

<style> 
a,a:hover,a:click, a:visited{ 
    border:none; 
    outline:none; 
    text-decoration:none; 
    color:inherit; 
    -webkit-tap-highlight-color: white; 
} 
</style>