Jak usunąć domyślny kolor linku znacznika „a” hiperłącza HTML?

Domyślny kolor linku to niebieski. Jak usunąć domyślny kolor linku tagu hiperłącza HTML <a>?

Wartość dziedziczenia :

a { color: inherit; } 

… Sprawi, że element nabierze koloru jego elementu nadrzędnego (myślę, że tego właśnie szukasz).

możesz zrobić coś takiego:

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

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

jeśli dekorowanie tekstu nie działa, włącz dekorację tekstu: brak! ważne;

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

Czułem, że konieczne jest opublikowanie powyższej definicji klasy, w wielu odpowiedziach na SO brakuje niektórych stanów

Jeśli nie chcesz widzieć podkreślenia i domyślnego koloru zapewnianego przez przeglądarkę, możesz zachować następujący kod w górnej części pliku main.css. Jeśli potrzebujesz innego koloru i stylu dekoracji, możesz łatwo zastąpić ustawienia domyślne za pomocą poniższego fragmentu kodu.

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

Jest to również możliwe:

        a {
            all: unset;
        }

unset: to słowo kluczowe oznacza zmianę wszystkich właściwości mających zastosowanie do elementu lub elementu nadrzędnego elementu na ich wartość nadrzędną, jeśli są dziedziczone, lub na ich wartość początkową, jeśli nie. wartości unicode-bidi i kierunek nie są zmieniane.

Źródło: opis wszystkich Mozilli

Musisz użyć CSS. Oto przykład zmiany domyślnego koloru linku, gdy link po prostu tam siedzi, kiedy jest ukryty i kiedy jest aktywnym linkiem.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Po prostu dodaj to CSS,

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

to już koniec.

Możesz użyć wartości System Color (18.2) , wprowadzonych w CSS 2.0, ale przestarzałych w CSS 3 .

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

W ten sposób linki zakotwiczenia będą miały ten sam kolor co zwykły tekst dokumentu w tym systemie.

a:link{color:inherit;}

jest to prosta jedna linia, która może zrobić dla ciebie wszystkie rzeczy <3

To zadziała

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

To powoduje usunięcie konturu dla wszystkich trzech pseudoklas.