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

【问题标题】：Change default color of Link from blue to white将链接的默认颜色从蓝色更改为白色
【发布时间】：2018-02-16 13:26:36
【问题描述】：

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

onHover 我想把它改成蓝色。

【问题讨论】：

【解决方案1】：

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

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

或者为每个Link添加一个.link类：

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

...

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

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

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

【讨论】：

【解决方案2】：

作为对先前回复的补充，请记住您始终可以使用!important，以防样式看起来由于某种原因没有被应用。

【讨论】：

【解决方案3】：

.makeaclassandaddittothelinktag { color: white; }

你应该能够做到这一点，或者如果你不希望所有这些都改变颜色，则只需将一个类添加到链接标签。

【讨论】：