Wie entferne ich die Standard-Linkfarbe des HTML-Hyperlink-Tags 'a'?

Die Standard-Linkfarbe ist blau. Wie entferne ich die Standard-Linkfarbe des HTML-Hyperlink-Tags <a>?

Der ererbte Wert :

a { color: inherit; } 

… Wird bewirken, dass das Element die Farbe seines übergeordneten Elements annimmt (was ich denke, dass Sie suchen).

Sie können so etwas tun:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

Wenn die Textdekoration nicht funktioniert, schließen Sie die Textdekoration ein: keine! wichtig;

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

Ich hielt es für notwendig, die obige Klassendefinition zu veröffentlichen. Viele der Antworten auf SO verfehlen einige der Zustände

Wenn Sie die vom Browser bereitgestellte Unterstreichung und Standardfarbe nicht sehen möchten, können Sie den folgenden Code oben in Ihrer Datei main.css behalten. Wenn Sie andere Farben und Dekorationsstile benötigen, können Sie die Standardeinstellungen mithilfe des folgenden Codeausschnitts einfach überschreiben.

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Dies ist auch möglich:

        a {
            all: unset;
        }

nicht gesetzt: Dieses Schlüsselwort gibt an, dass alle für das Element oder das übergeordnete Element des Elements geltenden Eigenschaften in ihren übergeordneten Wert geändert werden sollen, wenn sie vererbbar sind, oder in ihren Anfangswert, wenn nicht. Unicode-Bidi- und Richtungswerte sind nicht betroffen.

Quelle: Mozilla Beschreibung aller

Du musst benutzen CSS. Hier ist ein Beispiel für das Ändern der Standard-Linkfarbe, wenn der Link nur dort sitzt, wenn er schwebt und wenn es sich um einen aktiven Link handelt.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

Fügen Sie dies einfach hinzu CSS,

a {
    color: inherit;
    text-decoration: none;
}

das war's, fertig.

Sie können System Color (18.2) -Werte verwenden, die mit CSS 2.0 eingeführt wurden, in CSS 3 jedoch veraltet sind .

a:link, a:hover, a:active { color: WindowText; }

Auf diese Weise haben Ihre Ankerlinks dieselbe Farbe wie normaler Dokumenttext auf diesem System.

a:link{color:inherit;}

Dies ist die einfache Zeile, die alle Aufgaben für Sie erledigen kann <3

Das wird funktionieren

    a:hover, a:focus, a:active {
        outline: none;
    }

Dadurch wird der Umriss für alle drei Pseudoklassen entfernt.