Todos los navegadores web utilizan colores predeterminados para los enlaces si el diseñador web no los configura. Son:
- El color de enlace predeterminado
- El color del enlace activo (cuando se hace clic con el mouse y se mantiene sobre el enlace)
- El color del enlace seguido (cuando se hizo clic en el enlace anteriormente)
Además, si bien la mayoría de los navegadores web no cambian esto de forma predeterminada, también puede definir el color de desplazamiento, el color del enlace cuando se coloca un ratón sobre él.
Usa CSS para cambiar los colores del enlace
Para cambiar estos colores, use una hoja de estilo en cascada. La forma más fácil de cambiar el color del enlace es diseñar la etiqueta:
a {color: negro; }
Con este CSS, algunos navegadores cambiarán todos los aspectos del enlace (activo, seguido y flotante) a negro, mientras que otros solo cambiarán el color predeterminado.
Use CSS Pseudo-clases para cambiar todas las partes de un enlace
Una pseudo-clase se representa en CSS con dos puntos (:) antes del nombre de la clase. Cuatro pseudo-clases afectan a los enlaces:
Para cambiar el color predeterminado del enlace:
a: link {color: rojo; }
Para cambiar el color activo:
a: activo {color: azul; }
Para cambiar el color del enlace seguido:
a: visitó {color: púrpura; }
Para cambiar el mouse sobre el color:
Consideraciones
Evite sobrescribir los colores de enlace predeterminados para hacer que los enlaces sean más difíciles de encontrar. Por ejemplo, cambiar un enlace a un color muy claro contra un fondo blanco afectará negativamente a los visitantes con discapacidad visual. Apunte a colores separados para los colores activos y de enlace seguido, para asegurarse de que los visitantes del sitio no se confundan sobre qué páginas han visitado.
