Не работает svg:hover

[Sunday]

Нужно менять цвет при наведении на svg.
svg в коде выглядит так:

<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#button"></use></svg>

Но что-то обычное применение svg:hover не работает нифига.
Нагуглил такой вариант Для просмотра ссылки Войди или Зарегистрируйся там оно работает, но наверное из-за того, что код svg находится непосредственно в коде HTML.
Я и к <svg> применял hover и к <use>
В общем мне нифига не понятно почему не работает.
Хотя другие стили нормально применяются - и заливка, и позиционирование, и размеры.

 

[Metvill]

Нужно на <use> повесить какой нибудь класс, например <use class="icon"> и тогда можно будет поменять цвет при наведении через :hover
Пример: Для просмотра ссылки Войди или Зарегистрируйся

 

[Sunday]

Нужно на <use> повесить какой нибудь класс, например <use class="icon"> и тогда можно будет поменять цвет при наведении через :hover
Пример: Для просмотра ссылки Войди или Зарегистрируйся

Нет, дело не в этом. Если в твоём примере убрать класс, то оно тоже работает. Поэтому класс тут не при чём. Я же пишу, что другие стили нормально применяются, кроме hover. И без всяких классов. К тому же у тебя сам svg-код находится инлайново в HTML, а у меня он в отдельном файле. Видимо в этом и есть проблема.