Entfernen Sie die blaue Unterstreichung vom Link

Question

Ich versuche, einen Link in Weiß, ohne Unterstreichung, anzuzeigen. Die Textfarbe zeigt korrekt als weiß an, aber die blaue Unterstreichung besteht hartnäckig weiter. Ich habe versucht text-decoration: none; und text-decoration: none !important; im CSS zu verwenden, um die Link-Unterstreichung zu entfernen. Beides hat nicht funktioniert.

.boxhead .otherPage {
  color: #FFFFFF;
  text-decoration: none;
}

    Aktuelle Seite
    Andere Seite

Wie kann ich die blaue Unterstreichung aus dem Link entfernen?

Answer 1

  a {
    color: zurücksetzen;
    text-decoration: zurücksetzen;
  }

Answer 2

Während die anderen Antworten korrekt sind, gibt es eine einfache Möglichkeit, das Unterstreichen aller dieser lästigen Links loszuwerden:

a {
   text-decoration: none;
}

Dies entfernt das Unterstreichen von jedem einzelnen Link auf Ihrer Seite!

Answer 3

Keine der Antworten hat für mich funktioniert. In meinem Fall gab es einen Standard

a:-webkit-any-link {
    text-decoration: underline;

in meinem Code. Im Grunde genommen wird die Textfarbe blau, egal welcher Link es ist, und der Link bleibt wie er ist.

Also habe ich den Code am Ende des Headers hinzugefügt, wie folgt:

    a:-webkit-any-link {
      text-decoration: none;
    }

Und das Problem ist gelöst.

Answer 4

Sie haben text-decoration: none im falschen Selektor verwendet. Sie müssen überprüfen, welches Tag Sie für die Dekoration none benötigen.

Sie können diesen Code verwenden

.boxhead h2 a {
    text-decoration: none;
}

Oder

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

Oder

a {
    text-decoration: none !important;
}

Answer 5

Wie andere bereits erwähnt haben, scheint es, als ob man verschachtelte Textdekoration-Stile nicht überschreiben kann... Aber man kann die text-decoration-color ändern.

Als Workaround habe ich die Farbe transparent gemacht:

    text-decoration-color: transparent;