¿Cómo eliminar el subrayado de los anclajes (enlaces)?

¿Hay alguna forma (en CSS) para evitar el subrayado del texto y los enlaces introducidos en la página ...?

Usa CSS. Esto elimina los subrayados ay uelementos:

a, u {
    text-decoration: none;
}

A veces necesita anular otros estilos para los elementos, en cuyo caso puede usar el !importantmodificador en su regla:

a {
    text-decoration: none !important;
}

El css es

text-decoration: none;

y

text-decoration: underline;

Esto eliminará su color, así como el subrayado con el que existe la etiqueta de anclaje.

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

La opción más simple es esta:

<a style="text-decoration: none">No underline</a>

Por supuesto, mezclar CSS con HTML (es decir, CSS en línea) no es una buena idea, especialmente cuando usa aetiquetas por todas partes.
Por eso es una buena idea agregar esto a una hoja de estilo:

a {
    text-decoration: none;
}

O incluso este código en un archivo JS:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

Use CSS para eliminar text-decorations.

a {
    text-decoration: none;
}

La mejor opción para usted si solo desea eliminar el subrayado solo del enlace de anclaje-

    #content a{
                text-decoration-line:none;
                }

Esto eliminará el subrayado.

Además, puede usar una sintaxis similar para manipular otros estilos también usando-

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

¡Espero que esto ayude!

PD: ¡ esta es mi primera respuesta!

en mi caso, había una regla sobre el efecto de desplazamiento del ancla, como esta:

#content a:hover{
border-bottom: 1px solid #333;
}

Por supuesto, text-decoration:none;no podría ayudar en esta situación. Y paso mucho tiempo hasta que lo descubrí.

Entonces: Un guión bajo no debe confundirse con un borde inferior.

En algún momento se anulará al representar CSS UI. Mejor usar:

a.className {
    text-decoration: none !important;
}

Para proporcionar otra perspectiva al problema (como se infiere del título / contenido de la publicación original):

Si desea rastrear lo que está creando subrayados falsos en su HTML, use una herramienta de depuración. Hay mucho de donde escoger:

Para Firefox hay FireBug;

Para Opera hay Dragonfly (llamado "Herramientas de desarrollo" en el menú Herramientas-> Avanzado; viene con Opera por defecto);

Para IE existe la "Barra de herramientas para desarrolladores de Internet Explorer", que es una descarga separada para IE7 y versiones posteriores, y está integrada en IE8 (presione F12).

No tengo idea acerca de Safari, Chrome y otros navegadores minoritarios, pero de todos modos probablemente debería tener al menos uno de los tres anteriores en su máquina.

Cuando desee utilizar una etiqueta de anclaje simplemente como un enlace sin el estilo agregado (como el subrayado al pasar el mouse o el color azul), agréguelo class="no-style"a la etiqueta de anclaje. Luego, en su hoja de estilo global, cree la clase "sin estilo".

.no-style { text-decoration: none !important; }

Esto tiene dos ventajas.

1. No afectará a todas las etiquetas de anclaje, solo a las que tengan agregada la clase "sin estilo".
2. Anulará cualquier otro estilo que, de lo contrario, pueda evitar establecer la decoración de texto en ninguna.

No olvide incluir hojas de estilo usando la etiqueta de enlace

http://www.w3schools.com/TAGS/tag_link.asp

O incluya CSS dentro de una etiqueta de estilo en su página web.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

No recomendaría usar el subrayado en nada aparte de los enlaces, el subrayado generalmente se acepta como algo en el que se puede hacer clic. Si no se puede hacer clic, no lo subraye.

Los conceptos básicos de CSS se pueden recoger en w3schools

<u>

es una etiqueta obsoleta

Utilizar...

<span class="underline">My text</span>

con un archivo CSS que contiene ...

span.underline
{
    text-decoration: underline;
}  

o solo...

<span style="text-decoration:underline">My Text</span>

Use la propiedad css,

text-decoration:none;

Para eliminar subrayado del enlace.

El subrayado puede eliminarse mediante una propiedad CSS llamada decoración de texto.

<style>
a{
text-decoration:none;
}
</style>

Si desea eliminar el subrayado del texto presente en los elementos que no sean a , se debe utilizar la siguiente sintaxis.

<style>
element-name{
text-decoration:none;
}
</style>

Hay muchos otros valores de decoración de texto que pueden ayudarlo a diseñar enlaces.

He tenido problemas con este problema en la impresión web y lo he resuelto. Resultado verificado

a {
    text-decoration: none !important;
}

¡Funciona!.