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

Sunday

Cōgitō ergō sum
Регистрация
13 Дек 2009
Сообщения
823
Реакции
342
Нужно менять цвет при наведении на svg.
svg в коде выглядит так:
Код:
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#button"></use></svg>
Но что-то обычное применение svg:hover не работает нифига.
Нагуглил такой вариант Для просмотра ссылки Войди или Зарегистрируйся там оно работает, но наверное из-за того, что код svg находится непосредственно в коде HTML.
Я и к <svg> применял hover и к <use>
В общем мне нифига не понятно почему не работает.
Хотя другие стили нормально применяются - и заливка, и позиционирование, и размеры.
 
Нужно на <use> повесить какой нибудь класс, например <use class="icon"> и тогда можно будет поменять цвет при наведении через :hover
Пример: Для просмотра ссылки Войди или Зарегистрируйся
 
Нужно на <use> повесить какой нибудь класс, например <use class="icon"> и тогда можно будет поменять цвет при наведении через :hover
Пример: Для просмотра ссылки Войди или Зарегистрируйся
Нет, дело не в этом. Если в твоём примере убрать класс, то оно тоже работает. Поэтому класс тут не при чём. Я же пишу, что другие стили нормально применяются, кроме hover. И без всяких классов. К тому же у тебя сам svg-код находится инлайново в HTML, а у меня он в отдельном файле. Видимо в этом и есть проблема.
 
Назад
Сверху