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

Question

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

onHover 我想将其更改为蓝色。

Answer 1

由于

Link

get 已转译为

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

Answer 2

.makeaclassandaddittothelinktag { color: white; }

您应该能够做到这一点，或者如果您不希望所有链接标记都更改颜色，则只需向链接标记添加一个类即可。

Answer 3

作为之前回复的补充，请记住您始终可以使用

!important

，以防样式看起来因某种原因未应用。

Answer 4

 <Link to="/" style={{ color: 'white' }}>
        Click me
  </Link>

在此示例中，样式属性应用于链接组件，并且颜色属性设置为“白色”。这会将链接文本的默认颜色更改为白色。