2017-09-07 19 views
0

私は反応ルータのリンクのコンポーネントを使用しています。これはアンカータグのようにテキストに青色のCSSを適用します。これを白に変更したいのですが、どうしたらいいですか?リンクのデフォルトの色を青から白に変更してください

onHover青に変更します。

+0

コンポーネントにスタイル小道具を渡すことはできますか? –

+0

それも動作することができます。 – jmargolisvt

答えて

2

Link GETの<a>にtranspiled、あなたはすべての<a>をスタイルと白にすべてのリンクの色を変更するためにCSSを使用することができますので:

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

、または各Link.linkクラスを追加します。

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

... 

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

編集: インラインスタイルで渡すこともできます。あなたは渡すことはできません。しかし、ルールをインラインホバー:

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

onHover私はそれを青に変更したいと思いますが、私はそのスタイルのために何を渡すべきですか? –

+0

@LokeshAgrawalがホバールールで私の答えを更新しました –

1
.makeaclassandaddittothelinktag { color: white; } 

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

関連する問題