@svm2001

Как красить спрайт?

При размещении svg-иконки кодом svg через include (webpack) у меня есть доступ к таким свойствам как fill, stroke, opacity у тега path и circle внутри svg.

При размещении svg-иконки через svg-sprite (использую npm модуль "svg-sprite-loader") в тег svg помещается тег use, который в свою очередь ссылается на сам svg-файл. Соответсвенно через css добраться до тегов path и circle, а также их свойств возможности нет. Отсюда проблема с ховерами и активными состояниями элементов, когда нужно перекрашивать отдельные части внутри svg. Например у меня есть svg иконка с 10-12ю тегами path внутри. И мне при ховере нужно закрасить зеленым все четные теги path.

Кто сталкивался с этим? Как можно победить?
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы