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

Wenn text-decoration: none oder border: 0 nicht funktioniert, versuchen Sie, Inline-Styles in Ihrem HTML-Inhalt anzuwenden.

Answer 2

Fügen Sie den folgenden HTML-Code vor dem -Tag hinzu:

A {text-decoration: none;}

Answer 3

In meinem Fall hatte ich schlecht formatiertes HTML. Der Link befand sich innerhalb eines -Tags und nicht innerhalb eines

-Tags.

Answer 4

Set text-decoration: none; für den Anker-Tag.

Beispiel HTML.

        Business
        Expertise
        Quality

Beispiel CSS:

.nav-tabs li a{
  text-decoration: none;
}

Answer 5

Überschreiben von verschachtelten Textdekoration-Stilen.

Suchen Sie nach ::before oder ::after Selektoren und setzen Sie bei Textdekoration, Unterstreichung, usw. display: none oder setzen Sie eine Eigenschaft zurück (unset) für jede Textfarbeneigenschaft wie z. B.: text-decoration-color, background-color, usw.

.boxhead .otherPage {
    color: #FFFFFF;
}

a.boxhead .otherPage:before {
    background-color: unset;
}

oder

a.boxhead .otherPage:before {
    background-color: unset !important;
}