quitar - ¿Cómo puedo eliminar el subrayado de un enlace en Chrome utilizando CSS?
quitar subrayado hipervinculo html css (3)
La única propiedad de CSS que puede aplicar: los enlaces visitados en la mayoría de los navegadores basados en webkits (como Chrome) son de color . Esto es para evitar el robo de historia . Además, no puede determinar el valor de la propiedad CSS de color de los enlaces de JavaScript. Ver https://bugs.webkit.org/show_bug.cgi?id=24300 para más detalles.
Sin embargo, puede cambiar el estilo de todos los enlaces con a{text-decoration: none;} . Aquí hay una demostración de todo el asunto .
Esta pregunta ya tiene una respuesta aquí:
- Subrayando enlaces visitados 2 respuestas
(funciona en FF) ¿Cómo puedo, usando CSS, eliminar el subrayado de un enlace visitado? Yo he tratado:
a:visited {
color: rgb(255, 255, 255);
text-decoration: none !important;
}
y
a:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}
Tu definición a a:visited {} debe aparecer antes de tu definición general a {} . Puede usar: visitó para establecer un color, pero no funciona establecer una decoración de texto, pero si luego establece una decoración de texto general para un elemento, lo hace.
Asi que:
a:visited {color: yellow;}
a {color:yellow; text-decoration: none; }
funciona (da todos los enlaces en amarillo, sin decoración de texto alguna vez), pero
a {color:yellow; text-decoration: none; }
a:visited {color: yellow;}
y
a {color:yellow; text-decoration: none; }
a:visited {color: yellow; text-decoration: none;}
no (ambos dan todos los enlaces en amarillo, pero subrayados)
Algunos proveedores de navegadores han decidido / realizado que el diseño por separado de los hipervínculos a:visited representa una amenaza de seguridad / privacidad para el usuario. Por lo tanto, algunos, aunque no todos, han eliminado la capacidad de estilo a:visited diferente.
Sospecho que esto es cierto para Chrome.
Referencias