Svg 影子根？调出笔画颜色

我在SVG中调用了一个笔划，如果我不在样式上添加任何类，它就会工作。但我需要把它放在那里，因为最终用户需要能够选择他们想要的任何颜色

symbol#图标箭头{
行程：#ff6600；
}/*这是有效的*/
.图标橙色符号#图标箭头{
行程：#99CA3D；
}/*这不起作用，但这正是我需要的*/

---

在

橙色图标中有一个
元素。您必须为use元素设置样式。但是，如果需要参考#图标箭头，请参见以下方法：


/*声明名称空间xlink*/
@名称空间xlink“http://www.w3.org/1999/xlink";
/*设置橙色图标内的use元素的样式，橙色图标的xlink:herf属性是图标箭头*/
.icon橙色使用[xlink | href=“#图标箭头”]{
行程：#99CA3D；
}
正如@enxaneta所说，你必须设计
元素的样式，让颜色渗透到符号中

但首先需要从符号中删除
笔划
属性。否则，该表示属性将覆盖您希望它继承的颜色


。图标橙色使用{
行程：#ff6600；
}
.图标绿色使用{
行程：#99CA3D；
}

是有道理的，但当我把它复制过来时，它什么也没做？这是您的笔叉：请注意，该符号没有笔划，其用途有宽度和高度：谢谢您的帮助！这篇关于css变量的开创性文章现在在最新的浏览器中占据了一席之地，欢迎您的解释！