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

I would set the svg element as

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

      

and put a digit on #id but it doesn't work

in this case the whole root svg element used as an image, not part of it

It would be painful if I could separate my svg elements from defs and use after it like in

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

      

but in css:

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

      

Is it possible?

+3


source to share


1 answer


You might be able to use the SVG stack technique, see the blogpost and mine modified, which shows how to use it in lists. Please note that this only works in Firefox for now.



+2


source







All Articles