web-dev-qa-db-ja.com

リンクのデフォルト色を青から白に変更

アンカータグと同じように、テキストに青色のCSSを適用するreact-router-linkの Link コンポーネントを使用しています。これを白に変更したいのですが、どうすればよいですか?

onHoverを青に変更します。

6
Lokesh Agrawal

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' }} />
17
Chase DeAnda
.makeaclassandaddittothelinktag { color: white; }

あなたはそれを行うことができるはずです、またはそれらすべての色を変えたくない場合は単にリンクタグにクラスを追加する必要があります。

0
Seb