Ein Ersatz für list-style-image: farbige Listenpunkte für ul und ol mit CSS und JavaScript

(Für alle, die hier was Lustiges suchen: Tut mir Leid, es ist nicht lustig. Nur listig. Ist aber auch schnell vorbei.)

Listen mit CSS zu formatieren ist nicht einfach. Bislang war es nicht möglich, die Aufzählungszeichen oder Zahlen zu greifen, um sie per CSS formatieren zu können.

Die standardmäßigen Formatierungen für Listen sind nicht sehr hübsch. Man hätte gern einfach mehr  

1. Farbe und  
2. Audrucksmöglichkeiten (obwohl man ja nun auch Sachen wie lower-greek und upper-roman verwenden kann). 

Als beste Lösung wird meist angegeben, ein Hintergrundbild zu verwenden. Das zu positionieren ist aber nicht immer einfach – schon gar nicht, wenn der Text skalierbar sein soll. (Und hey – der Text soll skalierbar sein!) 

Auf meiner Arbeitsseite erkläre ich eine simple Lösung, die ich seit Jahren verwende, die ich aber sonst noch nie erwähnt gefunden habe.