具體SVG-CSS在Firefox

Question

不加載我用下面的CSS在我的SVG：

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試圖找到相對於CSS文件而不是SVG文件的#disabled。我通過完全跳過CSS類和內聯編輯CSS來解決它JavaScript。