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)。我能做些什么来解决这个问题？我尝试转义# 并用# 替换它。

Answer 1

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