web-dev-qa-db-fra.com

Changer la couleur par défaut de Link du bleu au blanc

J'utilise Link le composant de react-router-link qui applique le CSS de couleur bleue au texte comme une balise d'ancrage. Je veux changer cela en blanc, comment faire?

onHover je veux le changer en bleu.

6
Lokesh Agrawal

Puisque Link est transposé en <a>, vous pouvez utiliser css pour styliser tout <a> et changez la couleur de tous les liens en blanc:

a {
  color: #FFF;
}
a:hover {
   color: #00F
}

Ou ajoutez un .link classe à chaque Link:

<Link to="/" className="link" />

...

.link {
  color: #FFF;
}
.link:hover {
   color: #00F
}

Modifier: vous pouvez également passer dans un style en ligne. Vous ne pouvez pas passer: survolez les règles en ligne:

<Link to="/" style={{ color: '#FFF' }} />
17
Chase DeAnda
.makeaclassandaddittothelinktag { color: white; }

Vous devriez pouvoir faire cela, ou simplement ajouter une classe à la balise de lien si vous ne voulez pas que tous changent de couleur.

0
Seb