在懸停時製作svg圖標顏色

-1

我是新來的svg圖標，我只需要在懸停時更改此圖標的顏色。在懸停時製作svg圖標顏色

這是我到目前爲止有：jsfiddle.net

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

這只是從小提琴的工作，你可以看到，因爲我對他們兩人的應用.search-social。

但是這個解決方案是乾淨的還是您建議更好的解決方案？

您更改懸停時的填充，爲什麼不應該這樣？ – Paul

我在想，也是我應用css風格，使用div「search-social」類然後「：hover」，那麼svg「search-icon」的類可以更容易完成。讓我知道是否可以有任何改進。 –

如果這是行得通（這是），那麼這個問題是SO的話題。也許CodeReview會更合適，但首先檢查他們的指導方針。 –

我想這是因爲你有筆觸和填充和單獨的塊。因此，如果您將其設置爲單一路徑，則可以使用該單一路徑。否則，您可以在SVG本身上使用懸停。（請參閱jsFiddle。）

2016-08-28 15:22:22 Whothehellisthat

回答