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

Posted 2023-02-21

【中文标题】将链接的默认颜色从蓝色更改为白色

【英文标题】：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; 

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