Intento que un enlace aparezca en blanco, sin subrayado. El color del texto se muestra correctamente como blanco, pero el subrayado azul persiste obstinadamente. He probado con text-decoration: none;
y text-decoration: none !important;
en el CSS para eliminar el subrayado del enlace. Ninguno de los dos ha funcionado.
begin snippet: js hide: false console: true babel: false -->
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
...fin del fragmento..;
¿Cómo puedo eliminar el subrayado azul del enlace?
La etiqueta de anclaje (enlace) también tiene pseudoclases como visitado, hover, enlace y activo. Asegúrese de que su estilo se aplica al estado o estados en cuestión y que no hay otros estilos que entren en conflicto.
Por ejemplo:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Consulte W3.org para obtener más información sobre las pseudoclases de acción de usuario :hover, :active y :focus.
Sin ver la página, es difícil especular.
Pero me parece que puede tener un borde inferior 1px solid blue;
siendo aplicado. Tal vez añadir borde: ninguno;
. Si bien es cierto que la opción "text-decoration: none !important" es correcta, es posible que tengas otro estilo que esté anulando ese CSS.
Aquí es donde el uso de la Firefox Web Developer Toolbar es impresionante, puede editar el CSS allí mismo y ver si las cosas funcionan, al menos para Firefox. Está en CSS > Editar CSS
.