¿Cómo eliminar el color de enlace predeterminado de la etiqueta 'a' de hipervínculo html?

El color predeterminado del enlace es azul. ¿Cómo eliminar el color de enlace predeterminado de la etiqueta de hipervínculo html <a>?

El valor de herencia :

a { color: inherit; } 

... hará que el elemento tome el color de su padre (que es lo que creo que estás buscando).

puedes hacer algo como esto:

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

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

si la decoración de texto no funciona, incluya la decoración de texto: ¡ninguno! importante;

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

Sentí que era necesario publicar la definición de clase anterior, muchas de las respuestas en SO omiten algunos de los estados

Si no desea ver el subrayado y el color predeterminado que proporciona el navegador, puede mantener el siguiente código en la parte superior de su archivo main.css. Si necesita diferentes colores y estilos de decoración, puede anular fácilmente los valores predeterminados utilizando el fragmento de código a continuación.

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

Esto también es posible:

        a {
            all: unset;
        }

desarmado: esta palabra clave indica cambiar todas las propiedades que se aplican al elemento o al elemento primario del elemento a su valor principal si son heredables o a su valor inicial si no. los valores unicode-bidi y direction no se ven afectados.

Fuente: descripción de Mozilla de todos

Tienes que usar CSS. Aquí hay un ejemplo de cómo cambiar el color predeterminado del enlace, cuando el enlace está allí, cuando se está suspendiendo y cuando es un enlace activo.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

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

Simplemente agregue esto CSS,

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

Eso es todo.

Puede usar los valores de Color del sistema (18.2) , introducidos con CSS 2.0, pero obsoletos en CSS 3 .

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

De esa manera, sus enlaces de anclaje tendrán el mismo color que el texto normal del documento en este sistema.

a:link{color:inherit;}

esta es la línea simple que puede hacer todo por usted <3

Esto funcionará

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

Lo que esto hace es eliminar el esquema de las tres pseudo-clases.