list-style-image: url (svg # id) in Mozilla Firefox

Question

ich mein svg Element als

list-style-image: url(svg#id) 

und Punkt durch #id auf Figur gesetzt würde, , aber es funktioniert nicht

in diesem Fall werden alle Wurzel svg Element als Bild, nicht ein Teil davon

verwendet wäre es Rost, wenn ich meine svg Elemente von defs trennen konnte und nachdem sie verwenden wie in

<use xlink:href="#byId"/> 

aber in CSS:

list-style-image: url(svg#id) 

Ist es möglich?

Answer 1

Sie können möglicherweise die SVG-Stack-Technik verwenden, siehe blogpost und meine modifizierte example, die zeigt, wie man es in Listen verwendet. Beachten Sie, dass dies zur Zeit nur in Firefox funktioniert.