Как мне изображение SVG наследовать цвета из документа HTML?

У меня есть куча изображений SVG, которые я хочу встроить в HTML-страницу, стилизованную под CSS.

Я хочу, чтобы у элементов в SVG их цвет был унаследован от атрибута цвета родительского HTML-элемента.

Я пробовал настройкуstyle="stroke: none; fill: inherit" но это не работает

 Stan21 окт. 2012 г., 21:34
Посмотрите на параметры SVG:schepers.cc/w3c/svg/params/ref.html
 Erik Dahlström22 окт. 2012 г., 14:24
Ваш вопрос не ясенкак Вы вставляете фрагменты SVG. Звучит немного какstackoverflow.com/questions/4906148/... хотя. В любом случае, если ваши фрагменты встроены в HTML, стиль, как в вашем примере, должен работать нормально.

Ответы на вопрос(2)

Вы можете использоватьfill="currentColor".

<a href="#" style="color:red">
<svg fill="currentColor"> ...</svg>
</a>

тогда как SVG использует заливку и обводку. Вы можете использовать заливку или обводку, чтобы использовать значение CSS-свойства color, используя значение currentColor, например. заполнить = "currentColor"

 obskyr26 мая 2014 г., 05:21
Это не работает со встроенными SVG, правда?
 Johansrk08 июн. 2016 г., 14:47
Это великолепно. Спасибо
 Kevin Stone18 сент. 2013 г., 01:48
Это правильный ответ.
 Cody Reichert09 июн. 2016 г., 20:14
Вау - я никогда не слышал об этом. Идеальное решение. Спасибо!
 Robert Longson26 мая 2014 г., 09:00
Да, но это не кросс-документ, если вы это имеете в виду.

Ваш ответ на вопрос