Eliminar marco punteado al dar click en una imagen

[kalvinman]

Verán tengo una web con imágenes como links, lo que pasa es que sale un recuadro punteado cuando doy click (Solo en algunos navegadores), quiero saber si eso se puede eliminar???
Gracias

[deirdre]

Hola kalvinman

Haz una prueba encabezando tu hoja de estilo con esto:

* {
outline: 0;
}

Nos cuentas

Bye

[gorkreg]

Hola deirdre,

Cuando empecé con esto de los CSS pregunté por este tema y me dijeron que era algo de Firefox y que no tenía remedio. Lo dejé como un mal menor y mira por donde que existe solución. Muchas gracias. Funciona a la perfección.

Solo una pregunta antes de que ande cambiando mis CSS: ¿sabes si hay algún efecto secundario negativo? Sobre todo al usarlo en otros navegadores que no sean Firefox.

Gracias de nuevo.

[deirdre]

Hola gorkreg

Que yo sepa, ninguno. No tiene ninguna incidencia en otros navegadores.

Bye

[gorkreg]

Fan-tás-ti-co. Gracias de nuevo.

[deirdre]

De nada. Me alegra que descubras cosas nuevas para tus css.

Añado una pequeña aclaración: Firefox implementa por defecto ese outline para los enlaces por razones de accesibilidad para usuarios con determinadas minusvalías físicas. Es una forma de marcar gráficamente en pantalla los enlaces con ese recuadro punteado que "flota" sobre el enlace sin ocupar ningún espacio en el diseño.

Hay diseñadores que defienden su presencia y otros a los que no nos gusta nada ese punteado. En otros navegadores en los que no se dibuja por defecto, se pueden obtener (los outlines de enlace) mediante el pusado de la tecla tab.

Bye

[gorkreg]

Gracias por la aclaración, no lo sabía. No me preocupa en los enlaces normales sino cuando he sustituido un texto por imágen y dado una sangría negativa al texto para que este desaparezca de la pantalla. En este caso, el recuadro punteado es algo más que un recuadro, es un par de líneas horizontales que buscan el texto hacia la izquierda.