Los links con borde punteado de mozilla

Hay un comportamiento raro* en Firefox que hoy aprendí a eliminar. Resulta que por alguna onda de usabilidad/accesibilidad/oquéséyo Firefox agrega un borde punteado a los links a los que haces click (es decir, a los links en estado :active). Esto es molesto cuando usas pestañas o efectos javascript que no te llevan a ningún lugar y que solo se usan como triggers o lanzadores de eventos.

link de imagen con borde punteado agregado por firefox

Para eliminarlo solo necesitas agregar una regla de mozilla en la hoja de estilos:

:focus {-moz-outline-style: none;}

Tomado de Mozilla Hispano

About Jesús Sánchez

Nací en un pueblito casi en la costa de Oaxaca, México, en el lluvioso mes de julio de 1987. Desde 2002 vivo en Monterrey, Nuevo Léon, México.

Soy desarrollador web, experto en CSS+XHTML, programador PHP, ASP, bloggero, twittero, flickero, mi gran pasión, admeás de la tecnología, es el futbol, le voy al América y al que no le guste que se vaya a leer alt1040.
This entry was posted in Programación and tagged , , , . Bookmark the permalink.

One Response to Los links con borde punteado de mozilla

  1. Christian Betancourt says:

    Sería preferible utilizar “:focus{ outline:none; }” … es estándar.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>