Como remover a cor padrão do link da tag 'a' do hiperlink html?

A cor padrão do link é azul. Como remover a cor do link padrão da marca de hiperlink html <a>?

O valor herdado :

a { color: inherit; } 

… Fará com que o elemento adquira a cor de seu pai (que é o que eu acho que você está procurando).

você pode fazer algo assim:

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

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

se a decoração de texto não funcionar, inclua decoração de texto: nenhuma! importante;

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

Eu senti que era necessário postar a definição de classe acima, muitas das respostas sobre SO perdem alguns dos estados

Se você não quiser ver a cor sublinhada e padrão fornecida pelo navegador, mantenha o código a seguir na parte superior do arquivo main.css. Se você precisar de um estilo diferente de cor e decoração, poderá substituir facilmente os padrões usando o snippet de código abaixo.

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

Isso também é possível:

        a {
            all: unset;
        }

não definido: esta palavra-chave indica para alterar todas as propriedades que se aplicam ao elemento ou pai do elemento para o valor pai, se elas forem herdáveis, ou para o valor inicial, se não forem. Os valores unicode-bidi e direction não são afetados.

Fonte: Mozilla descrição de todos

Você tem que usar CSS. Aqui está um exemplo de alteração da cor padrão do link, quando o link está parado, quando está sendo pairado e quando é um link ativo.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Basta adicionar isso CSS,

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

é isso, pronto.

Você pode usar os valores System Color (18.2) , introduzidos no CSS 2.0, mas obsoletos no CSS 3 .

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

Dessa forma, seus links de ancoragem terão a mesma cor que o texto normal do documento neste sistema.

a:link{color:inherit;}

esta é a linha simples que pode fazer todos os animais para você <3

Isso vai funcionar

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

O que isso faz é remover o esboço de todas as três pseudo-classes.