将 Link 的默认颜色从蓝色更改为白色

Question

我正在使用来自 react-router-link 的 Link 组件，它将蓝色 css 应用到文本，就像锚标记一样。我想把它改成白色，我该怎么做？

onHover我想改成蓝色

Answer 1

由于 Link get 被转译为 <a>，您可以使用 css 设置所有 <a> 的样式并将所有链接颜色更改为白色：

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

或者在每个Link中添加一个.link class:

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

...

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

编辑：您还可以传入内联样式。你不能通过 :hover 内联规则:

<Link to="/" style={{ color: '#FFF' }} />

Answer 2

.makeaclassandaddittothelinktag { color: white; }

你应该可以做到这一点，或者如果你不想让所有标签都改变颜色，只需将 class 添加到 link 标签即可。

Answer 3

作为对之前回复的加分，请记住您始终可以使用 !important 以防样式看起来由于某种原因而未被应用。

Change default color of Link from blue to white