Как поменять цвет свг спрайта?

Question

[vvanyazz]

Я сделал иконку спрайтом и не могу поменять цвет, что тут не так?

Comments

[bingumd]

покажите сам sprite.svg

[Froggyweb]

Сколько весят селекторы? css.yoksel.ru/specifity

[vvanyazz]

bingumd,

[Spartak (Web-StyleStudio)]

vvanyazz,
Можно код в песочницу?

[bingumd]

vvanyazz, а вы уверены что это спрайт? Иконку видно на сайте?

[vvanyazz]

bingumd, да, видно

[vvanyazz]

bingumd,
вот так выглядит код в дев тулс

[bingumd]

vvanyazz, я не знаю как там у вас генерируется српайт... но попробуйте удалить у svg атрибут stroke="#333333" а для path добавить атрибут stroke="currentColor" и в css svg { color: lawngreen; }

[vvanyazz]

bingumd, конечно оно работает но мне кажется это не норма что у меня не работает fill и stroke, не знаете как такое решить?

[vvanyazz]

bingumd, понял в чем была проблема, у свг изначально атрибут fill = "none" и я не могу его перебить, не знаю как такое решать

[Ankhena]

vvanyazz, удалить все fill из svg

[vvanyazz]

Ankhena, а если там много различных цветов мне каждому path их выдавать?

[Ankhena]

vvanyazz, какой-то странный вопрос. Если вам их все нужно менять через css, то всем и меняйте.

В ответах прекрасный вариант с кастомными свойствами.

Answer 1

[profesor08]

Используй CSS переменные
https://developer.mozilla.org/ru/docs/Web/CSS/Usin...