Change default color of Link from blue to white

css reactjs redux react-router react-router-redux

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' }} />

css reactjs redux react-router react-router-redux

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.

css reactjs redux react-router react-router-redux

.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.

CodeHunter