CSS: Como eliminar la línea de puntos de alrededor de las imágenes con enlace



En una web es habitual que muchas imágenes lleven enlaces, en ocasiones esos enlaces desencadenan eventos javascript y no van a ninguna otra página. En estos casos el navegador nos suele dejar una molesta línea de puntos intermitentes alrededor de la imagen que distraen al usuario y además dan aspecto poco profesional a la página. Al hacer click quedaría así:  Para evitar esto tenemos que añadir a los estilos de los enlaces que se vean afectados por este borde punteado el siguiente estilo: outline:0px; De esta manera la molesta línea de puntos desaparecerá.

Comentarios

Anónimo ha dicho que…
¡Muchísimas Gracias! Aportes como estos hacen útil la red.
quique ha dicho que…
Gracias por el apunte, lo único que en el explorer 6 no me lo hace, ¿ alguien sabe alguna solución ?.

Saludos
Anónimo ha dicho que…
Millones de gracias!!