我在SVG上应用了填充的CSS属性。但是SVG位于具有颜色属性的锚标签内。 Chrome中的一切看起来都不错,但是当我在Firefox中打开页面时,SVG会使用锚标记的颜色属性来填充SVG。谁能解释为什么会这样?
<a>
<svg class="icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="icons.svg#icon-tag"></use>
</svg> Special Offers
</a>
a{
color:#somecolor;
}
svg{
fill:#somecolor;
}
PS:填充不会被颜色属性覆盖。我从svg sprites文件中获取svg。