Wie kann man die Unterstreichung bei Ankern (Links) entfernen?

Question

Gibt es eine Möglichkeit (in CSS), die Unterstreichung für den Text und die Links auf der Seite zu vermeiden?

Answer 1

Verwenden Sie CSS. Dies entfernt Unterstreichungen aus a y u Elemente:

a, u {
  text-decoration: none;
}

Manchmal müssen Sie andere Stile für Elemente außer Kraft setzen; in diesem Fall können Sie die !important Modifikator auf Ihre Regel:

a {
  text-decoration: none !important;
}

Answer 2

Das css ist

text-decoration: none;

y

text-decoration: underline;

Answer 3

Die einfachste Möglichkeit ist diese:

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

Natürlich ist es keine gute Idee, CSS mit HTML zu vermischen (d. h. Inline-CSS), insbesondere wenn Sie mit a Tags überall auf der Welt.
Deshalb ist es eine gute Idee, dies stattdessen in ein Stylesheet aufzunehmen:

a {
    text-decoration: none;
}

Oder sogar dieser Code in einer JS-Datei:

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

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

Answer 4

Dadurch werden sowohl die Farbe als auch die Unterstreichung des Anker-Tags entfernt.

a {
  text-decoration: none;
}

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

Answer 5

Verwenden Sie CSS zum Entfernen text-decoration s.

a {
  text-decoration: none;
}