Anular los colores de enlace predeterminados en un navegador web usando CSS

Haz enlaces del color que prefieras

David Malan / Elección del fotógrafo RF / Getty Images

Todos los navegadores web usan colores predeterminados para los enlaces si el diseñador web no los establece. Para cambiar estos colores, use CSS ( Hojas de estilo en cascada ).

Colores de enlace

Los colores de los enlaces comprenden algunos estados diferentes:

El color de enlace predeterminado— lo que ve en el texto antes de interactuar con el enlace.El color del enlace flotante— a qué cambia el enlace cuando pasas el cursor sobre él.El color del enlace activo— al hacer clic en el enlace con el ratón.El color del enlace seguido— para enlaces en los que ha hecho clic anteriormente.

Usa CSS para cambiar los colores de los enlaces

El uso de CSS para cambiar el color del enlace implica diseñar el etiqueta :

|_+_|

Con este CSS, algunos navegadores cambiarán todos los aspectos del Enlace (predeterminado, activo, seguido y flotante) a negro, mientras que otros cambiarán solo el color predeterminado.

Use una pseudoclase con dos puntos antes del nombre de la clase para cambiar enlaces en estados específicos. Cuatro pseudoclases afectan a los enlaces.

Para cambiar el color del vínculo predeterminado:

|_+_|

Para cambiar el color activo:

|_+_|

Para cambiar el color del enlace seguido:

|_+_|

Para cambiar el color del mouseover:

|_+_|

Consideraciones

Use el color para ayudar a los visitantes del sitio a encontrar sus enlaces fácilmente, incluso si solo hojean la página. Aquí hay algunos consejos:

• Ve por el contraste. Un enlace en un color muy claro sobre un fondo blanco es difícil de ver, especialmente para los visitantes con discapacidad visual.
• Apunte también a colores separados para los colores activos y de enlace seguido, para asegurarse de que los visitantes del sitio no se confundan acerca de qué páginas han visitado.
• Mantenga sus colores en armonía con el diseño de su página.