如何更改SVG中路径的样式?

时间:2020-06-09 10:01:29

标签: html css svg

我具有以下结构:

  • 具有以下结构的SVG文件bar.svg:

    <?xml version="1.0" encoding="UTF-8"?> <svg width="100px" height="50px" version="1.1"> <title>mySVG</title> <g id="mySVG" stroke="none" > <path d="some path" id="mySVGPath"></path> </g> </svg>

  • 一个HTML文件,我使用<img src="foo/bar.svg">

  • 嵌入了svg
  • <style></style>在HTML文件中,我正在其中尝试通过使用选择器来更改路径的颜色

但是,由于我完全缺乏最基本的HTML经验,因此无法解决问题。当我这样做时:

<style>
    #mySVGPath {
        color: blue;
    }
</style>

什么都没发生。如何使用选择器正确引用样式表中SVG的特定路径?

0 个答案:

没有答案