Работа с SVG. Как поменять цвет через CSS или JS?

Question

[VovaSakay]

Помогите плез. Я завернул в object, пробывал через класс не получается прописывал fill: black. Обьясните дауну, как это реализовать:)

<object  type="image/svg+xml" data="./img/Absolut-Logo.svg" width="200"  height="200" >
             Your browser does not support SVG
          </object>

Comments

[Сергей delphinpro]

Через object или img стили не применишь.
Вставляй весь svg в страницу или symbol/xlink:href

[VovaSakay]

Сергей: Как? "path d" у меня нет , svg как картинка

[Максим]

VovaSakay: так открой svg в любом редакторе кода ! будет код

[VovaSakay]

Максим Ленский: Ты гений, спасибо

Answer 1

[Larisa Moroz]

SVG-файл — это отдельный внедрённый документ (по типу iframe ), соответственно, чтобы поменять в нём стили, нужно эти стили прямо в него и прописывать. Т.е., внутри вашего Absolut-Logo.svg надо добавить таблицу стилей:

<style type="text/css">
 path,
 circle,
 polygon { 
    fill: black; 
  }
</style>