Los links del tipo "ancla" <a> muestran por defecto una lÃnea punteada cuando están activos o "en foco". En Firefox 3 la lÃnea toma el color del texto mientras que en otros navegadores o versiones directamente se muestra en color gris.
Esto no es una locura, por cuestiones de accesibilidad se muestra qué link está activo (piensa en personas que no puedan acceder a un sitio con una computadora con mouse. Presionando"tab" se desplazarán por los enlaces. Pero si te molesta ver esa lÃnea en tu sitio por cuestión de estética o diseño, puedes seguir leyendo para enterarte cómo eliminarla.
Aquà puedes ver un ejemplo de cómo se ve la lÃnea punteada de la que te hablo.
Prueba hacer clic en un enlace cualquiera, aquà mismo, pero deja el botón del mouse presionado unos segundos. Podrás ver la lÃnea "en vivo y en directo".
Quitarla por medio de CSS es muy sencillo:
-
a {
-
outline: none;
-
}
Pero no te olvides de la accesibilidad. DeberÃas crear un estilo para reemplazar esa lÃnea molesta. Yo suelo usar el mismo que en "hover".
Por ejemplo:
-
a:hover, a:active, a:focus {
-
// estilos para cualquier forma en la que se vaya a usar el link
-
}
¡AnÃmate a personalizar tu blog!
Fuente: CSS Tricks
Artículos relacionados
- Consejos para crear una sección de Preguntas Frecuentes en tu sitio web
- Más consejos para crear una sección de Preguntas Frecuentes en tu sitio web
- Google sanciona sitios Web que pagan por enlaces de texto
- 5 alternativas a Megaupload para subir y bajar archivos
- Google dice que los .edu no son mejores links que los .com o .net
Miércoles, 25 de Marzo de 2009 a las 19.22
para no perder accesibilidad tambien puedes dejarlo asi:
a {
outline: 0;
}
Saludos
Martes, 15 de Diciembre de 2009 a las 21.30
ok, a ver si despues de tanto tiempo de este post recibo una respuesta... ¿como hago para quitar esas lineas punteadas pero queme aparecen en un SWF? porque probé esto y no me funiconó...
abrazo.
Jueves, 17 de Diciembre de 2009 a las 13.25
Hola Alejandro. Mira, justamente en Flash no tienes el problema del recuadro punteado. Si tu sitio está enteramente hecho en Flash no deberÃas tener ese inconveniente. Sà puedes tener este problema si tienes un sitio web en HTML que tiene elementos de Flash. En ese caso la solución es la misma: editar el CSS y agregarle el código que aparece en esta nota. ¡Saludos!
Jueves, 1 de Julio de 2010 a las 02.44
Hola.
Necesito solucionar este problema y no me funciona la solución propuesta
Viernes, 8 de Octubre de 2010 a las 04.51
Muchas gracias por el consejo. Me ha sokucionado un menu tipo acordeón vertical con fondo blanco que tenÃa que poner en un proyecto.