ホバー上でsvgアイコンの色を設定する

-1

私はsvgアイコンが初めてです。ホバー上でこのアイコンの色を変更するだけです。あなたは、私はそれらの両方に.search-socialを適用するので、見ることができるようにそれはちょうどフィドルから働いてjsfiddle.net ホバー上でsvgアイコンの色を設定する

.search-social :hover .search-icon { 
    fill: #72dcff; 
}

：

は、これは私がこれまで持っているものです。

しかし、このソリューションはきれいですか、より良いソリューションを提案していますか？

あなたはホバーの塗りつぶしを変更します。それはなぜですか？ – Paul

私はCSSのスタイルを適用したやり方も、 "search-social"のdivを使って "：hover"し、svg "search-icon"のクラスを簡単に行うことができると考えていました。改善があるかどうかを教えてください。 –

これが動作している場合（それはそうです）、この問題はSOの話題になります。おそらく、CodeReviewはより良いフィット感になりますが、まずガイドラインを確認してください。 –

私はあなたがストロークとフィルと別々の部品を持っているからだと思います。したがって、単一のパスにすると、その単一のパスを使用できます。それ以外の場合は、SVG自体にホバーを使用できます。（jsFiddleを参照してください）

2016-08-28 15:22:22 Whothehellisthat

答えて