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








Comentarios recientes
- Juan Manuel: ¡Hola, Giancarlo! Esto se debe a la lente de tu cámara. Chequea el ran...
- Juan Manuel: ¡Hola, Marina! Flash CS3 utiliza ActionScript 2 y 3. Tu versión no es ...
- Juan Manuel: (XD) ¡¡¡GRACIAS!!!...
- Juan Manuel: ¡Hola, Ricardo! Lo que un usuario escriba en el campo "e-mail" es lo qu...
- Lecxa Marina Leal Sanchez: Buenos dias desde Venezuela un saludo a esta maravillosa informacion que...
- Ricardo: Hola saludos de Tabasco, México. el formulario está muy bueno y funcio...
Feed de los comentarios