Изменить цвет ссылки по умолчанию с синего на белый

Я использую компонент Link из response-router-link, который применяет синий цвет css к текст точно так же, как тег привязки. Я хочу изменить цвет на белый, как мне это сделать?

onHover хочу поменять на синий.


reactjs redux css react-router react-router-redux
person Lokesh Agrawal    schedule 07.09.2017    source источник

Ответы (3)


arrow_upward
32
arrow_downward

Поскольку 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' }} />
person Chase DeAnda    schedule 07.09.2017

arrow_upward
1
arrow_downward

В качестве плюса к предыдущим ответам помните, что вы всегда можете использовать !important, если стили выглядят так, как будто они не применяются по какой-либо причине.

person Oscar Quintanilla    schedule 05.12.2020

arrow_upward
0
arrow_downward 

.makeaclassandaddittothelinktag { color: white; }

У вас должно получиться это сделать, или просто добавьте класс в тег ссылки, если вы не хотите, чтобы все они меняли цвет.

person Seb    schedule 07.09.2017