css - 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);and fill:url(#disabled);。所以这些元素是黑色的。我认为这#可能是导致它的原因（FF 过去曾遇到过这个问题）。我能做些什么来解决这个问题？我已经尝试转义#以及将其替换为#.

Answer 1

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