Change default color of Link from blue to white
.makeaclassandaddittothelinktag { color: white; }
You should be able to do that, or just add a class to the link tag if you don't want all of them to change color.
As a plus for the previous replies, remember you can always use !important
in case styles look like are not being applied for a however reason.
Since Link
get's transpiled to an <a>
, you can use css to style all <a>
and change all links color to white:
a {
color: #FFF;
}
a:hover {
color: #00F
}
Or add a .link
class to each Link
:
<Link to="/" className="link" />
...
.link {
color: #FFF;
}
.link:hover {
color: #00F
}
Edit: You can also pass in an inline style. You can't pass :hover rules inline though:
<Link to="/" style={{ color: '#FFF' }} />