El enlace por defecto es de color azul.
Cómo quitar el enlace por defecto de color html de la etiqueta de hipervínculo <a>?

  • Color de texto predeterminado para <a> es azul. ¿Cuál es el problema ahora?
  • Estoy tratando de conseguir si a fuerza de dar cualquier color a <a>, no quiero que se muestran en color azul. En el texto por defecto de color, el color del texto puede ser de color negro o azul, como que…
  • He encontrado esta pregunta bastante útil, ya que quería encontrar el «color:inherit» respuesta de abajo, que es lo que creo que la pregunta era relativa demasiado…
InformationsquelleAutor Rafiu | 2011-07-17

9 Comentarios

  1. 398

    La heredar valor:

    a { color: inherit; } 

    … hará que el elemento a tomar en el color de su padre (que es lo que creo que está buscando).

    • ¿no funciona para mí
    • Se ha trabajado para cientos de personas, y no hay manera de saber por qué no funciona a partir de tu comentario. Trate de preguntar a un nueva pregunta, incluyendo a un mínimo reproducible ejemplo.
  2. 48

    puede hacer algo como esto:

    a {
        color: #0060B6;
        text-decoration: none;
    }
    
    a:hover 
    {
         color:#00A0C6; 
         text-decoration:none; 
         cursor:pointer;  
    }
    • por otra parte, si desea evitar el cambio de color de un enlace específico después de pulsar, añadir en el interior de la etiqueta: <a STYLE=»text-decoration:none; color=[seleccione su favorito…]» HREF=»link.html»> la prueba enlace</A>
    • <a style="text-decorations:none; color:inherit;> = ganar
    • quitar la » s » en el texto de las decoraciones. <a style="text-decoration:none; color:inherit;>
  3. 17
    .cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
        color: inherit;
        text-decoration: none;
    }

    Sentí necesario publicar la anterior definición de la clase, muchas de las respuestas en por LO pierda algunos de los estados

  4. 10

    Si no quieres ver el texto de la decoración y el color por defecto que es proporcionada por el navegador, usted puede mantener el código siguiente en la parte superior de su principal.archivo css. Así que si necesitas algún color diferente & decoración de estilo de la propiedad se puede reemplazar fácilmente en la continuación de este fragmento de código en el archivo de estilo.

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

    Esto también es posible:

            a {
                all: unset;
            }

    unset: Esta palabra clave indica a cambiar todas las propiedades de la aplicación a
    el elemento o el elemento del padre a su valor principal si son
    heredables o a su valor inicial si no. unicode-bidi y
    la dirección de los valores no se ven afectados.

    Fuente: Mozilla descripción de todos los

    • Que puede, pero sólo porque puedas no significa que usted debe. Yo diría que dada la naturaleza de esta regla, usted realmente debe incluir un poco más acerca de lo que es realmente.
    • Al parecer color: unset también funciona. He quitado marco de los colores del elemento, luego se envuelve el elemento y el conjunto de mi color personalizado en el que el contenedor así que el color es hereditaria.
  6. 7

    Tienes que utilizar CSS. He aquí un ejemplo de cambiar el enlace por defecto de color, cuando el vínculo está allí sentado, cuando se cernía y cuando es un enlace activo.

    CSS:

    a:link {
      color: red;
    }
    
    a:hover {
      color: blue;
    }
    
    a:active {
      color: green;
    }

    HTML:

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

  7. 4

    Simplemente agregar esto en CSS,

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

    que es, de hecho.

    • No sé, ¿cuál es el problema con el votante, créanme que esto funciona…
    • Estoy upvoting 😉
  8. 2

    Puede utilizar Sistema De Color (18.2) valores, introducido con CSS 2.0, pero en desuso en CSS 3.

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

    De esa manera el ancla de los enlaces tienen el mismo color como normal documento de texto en este sistema.

    • Gracias, esta debería ser la respuesta seleccionada honestamente

Dejar respuesta

Please enter your comment!
Please enter your name here