it-swarm.com.de

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

Die Standard-Linkfarbe ist blau. Entfernen der Standard-Linkfarbe des HTML-Hyperlink-Tags <a>

180
Rafiu

Die Vererbungseigenschaft :

a { color: inherit; } 

… Bewirkt, dass das Element die Farbe des übergeordneten Elements annimmt (was Sie meiner Meinung nach suchen).

368
Quentin

sie können so etwas tun:

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

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}
43
kleinohad
.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 posten, viele der Antworten auf SO entgehen einigen der Staaten

17
Kaan Soral

Wenn Sie die Textverzierung und die Standardfarbe, die vom Browser bereitgestellt wird, nicht anzeigen möchten, können Sie den folgenden Code oben in Ihrer main.css-Datei beibehalten. Wenn Sie also ein anderes Farb- und Deko-Styling-Merkmal benötigen, können Sie dieses Code-Snippet in der Style-Datei unten leicht überschreiben. 

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

Das ist auch möglich:

        a {
            all: unset;
        }

unset: Dieses Schlüsselwort gibt an, dass alle Eigenschaften geändert werden sollen, die auf .__ zutreffen. das Element oder das übergeordnete Element des Elements zu seinem übergeordneten Wert, wenn sie .__ sind. vererbbar oder zu ihrem ursprünglichen Wert, wenn nicht. Unicode-Bidi und Richtungswerte sind nicht betroffen.

Quelle: Mozilla Beschreibung aller

8
gerd hübner

Sie müssen CSS verwenden. Hier ein Beispiel zum Ändern der Standard-Link-Farbe, wenn der Link gerade dort sitzt, wenn er im Hover-Modus ist 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>

7
Saad Imran.

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

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

Auf diese Weise haben Ihre Anker-Links auf diesem System die gleiche Farbe wie der normale Dokumenttext.

2
knittl

Fügen Sie dies einfach in CSS hinzu,

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

das ist es, fertig.

1
ArifMustafa
a:link{color:inherit;}

dies ist die einfache Zeile, die alle Dinge für Sie erledigt <3

0
sounish nath

Versuche dies.

a {
  &:visited,
  &:hover,
  &:active,
  &:link {
    color: var(--primary);
  }
}
0
Chawki

Nehmen wir an, Ihre Standardfarbe ist grün (# 0F0). Dann sollten Sie dies oben in Ihrem CSS hinzufügen:

a {color:#0F0}

0
MeLight