Ни как не могу найти решение этой задачи! Svg задан через background-image, нужно менять цвет заливки при hover.
Есть 2 условия:
1) путь до svg должен быть только через background-image, вариант с через html, к сожалению не подходит.
2) Есть вариант - менять при hover на другое изображение, с нужным цветом заливки, но на блоке висит ссылка, и при клике вместо замены изображения появляется пустое место. Особенно заметно это на планшетах.
Прошу помочь всех, кто знает решение. Заранее спасибо!
Valmih: Чтобы починить при клике/тапе, попробуйте прописать состояние не только для дефолтного состояния и для hover, а еще и для active.
Что-то вроде этого:
.svg, .svg:active { ... }