css - quitar - Eliminar el subrayado obstinado del enlace
quitar subrayado hipervinculo html css (14)
A veces, lo que está viendo es una sombra de cuadro, no un subrayado de texto.
Prueba esto (utilizando los selectores de CSS que sean apropiados para ti):
a:hover, a:visited, a:link, a:active {
text-decoration: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
Estoy intentando que un enlace aparezca en blanco, sin subrayado. El color del texto se muestra correctamente como blanco, pero el subrayado azul persiste obstinadamente. Intenté text-decoration: none; y text-decoration: none !important; en el CSS para eliminar el enlace subrayado. Tampoco funcionó.
El HTML:
<div class="boxhead">
<h2>
<span class="thisPage">Current Page</span>
<a href="myLink"><span class="otherPage">Different Page</span></a>
</h2>
</div>
El CSS:
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
¿Cómo puedo eliminar el subrayado azul del enlace?
Aquí hay un ejemplo para el control LinkButton de formularios web de asp.net:
<asp:LinkButton ID="lbmmr1" runat="server" ForeColor="Blue" />
Código detrás:
lbmmr1.Attributes.Add("style", "text-decoration: none;")
Como esperaba, no está aplicando text-decoration: none; a un ancla (.boxhead a) pero a un elemento span (.boxhead).
Prueba esto:
.boxhead a {
color: #FFFFFF;
text-decoration: none;
}
Como regla general, si su "subrayado" no es del mismo color que su texto [y el ''color:'' no se anula en línea] no proviene de "text-decoration:" Tiene que ser "border-bottom:"
¡No olvides quitar el límite de tus pseudo clases también!
a, a:link, a:visited, a:active, a:hover {border:0!important;}
Este fragmento asume que está en un ancla, cambie a su envoltorio en consecuencia ... y use la especificidad en lugar de "! Important" después de rastrear la causa raíz.
Has usado ninguno en la decoración de texto en el selector incorrecto. Necesitas verificar qué etiqueta necesitas para la decoración ninguno.
Puedes usar este código
.boxhead h2 a{text-decoration: none;}
O
.boxhead a{text-decoration: none !important;}
O
a{text-decoration: none !important;}
La etiqueta de anclaje (enlace) también tiene pseudo-clases como visitada, desplazar, enlazar y activa. Asegúrese de que su estilo se aplique a los estados en cuestión y que ningún otro estilo sea conflictivo.
Por ejemplo:
a:hover, a:visited, a:link, a:active
{
text-decoration: none;
}
Consulte W3.org para obtener más información sobre las pseudo-clases de acción del usuario: hover,: active y: focus.
Ninguna de las respuestas funcionó para mí. En mi caso había una norma.
a:-webkit-any-link {
text-decoration: underline;
en mi codigo Básicamente, sea cual sea el enlace, el color del texto se vuelve azul y el enlace permanece como está.
Así que agregué el código al final del encabezado así:
<head>
</style>
a:-webkit-any-link {
text-decoration: none;
}
</style>
</head>
Y el problema ya no existe.
Si text-decoration: none o border: 0 no funciona, intente aplicar el estilo en línea en su html.
Si bien las otras respuestas son correctas, hay una manera fácil de deshacerse del subrayado en todos esos enlaces molestos:
a {
text-decoration:none;
}
¡Esto eliminará el subrayado de CADA SOLO ENLACE en su página!
Sin ver la página, difícil de especular.
Pero me parece que puedes tener un border-bottom: 1px solid blue; siendo aplicado. Quizás añadir border: none; . text-decoration: none !important es correcto, es posible que tengas otro estilo que todavía esté anulando ese CSS.
Aquí es donde usar la barra de herramientas para desarrolladores de Firefox Web es increíble, puede editar el CSS allí mismo y ver si las cosas funcionan, al menos para Firefox. Está bajo CSS > Edit CSS .
Solo agrega este atributo a tu etiqueta de anclaje
style="text-decoration:none;"
Ejemplo:
<a href="page.html" style="text-decoration:none;"></a>
O usa la forma CSS.
.classname a {
color: #FFFFFF;
text-decoration: none;
}
Solo usa la propiedad
border:0;
y usted está cubierto. Funcionó perfectamente para mí cuando la propiedad de decoración de texto no funcionó en absoluto.
Te perdiste text-decoration:none para la etiqueta de anclaje . Así que el código debería estar siguiendo.
.boxhead a {
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>
Más propiedades estándar para la decoración de texto
text-decoration: none !important debería eliminarlo ... ¿Está seguro de que no hay un border-bottom: 1px solid acecho? (Trace el estilo computado en Firebug / F12 en IE)