特定于SVG的CSS未在Firefox中加载

Question

我在SVG中使用以下CSS：

line{
    stroke-linecap:round;
    stroke-width:4;
    stroke:url(#disabled); 
    fill:url(#disabled);
}

在Chrome和IE中，这很好用。但是，Firefox不会接受stroke:url(#disabled);和fill:url(#disabled);。所以那些元素是黑色的。我认为#可能导致它{FF已经issues with this in the past)。我该怎么做才能解决这个问题？我已尝试转义#并将其替换为{{ 1}}。

Answer 1

事实证明，#是一只红鲱鱼。 （这就是为什么逃避它没有改变任何东西。）Firefox试图找到#disabled相对于CSS文件，而不是SVG文件。我通过完全跳过CSS类并使用JavaScript内联编辑CSS来解决它。