nicht angemeldet
Gunnar Bittersmann@@Bruno Thomann
(a) Rolf und sein 'Hack' (falls das einer wäre, wäre das eigentlich 'schlimm'?), relativ aufwendig, funktioniert aber.
Wenn du ein Unicode-Zeichen wie ➞ als Aufzählungszeichen verwenden möchtest, bist du mit Rolfs Hack wohl gegenwärtig noch am besten dran – solange, bis Browser list-style-type: <string> unterstützen. Für dieses Zeichen kannst du natürlich auch eine eigene Schriftart angeben.
Wenn du ein eigenes Icon verwenden willst, dann nicht PNG oder GIF, schon gar nicht JPEG, sondern dann ist SVG Mittel der Wahl.
(b) Gunnar und sein SVG als Bullet-Ersatz. Strukturell einfacher und elegant, aber - wie mir scheint - mit einem noch immer ungelösten Problem, was die zu wählende Hintergrundfarbe des Pfeils innerhalb der Grafik betrifft (z.B. bei einem Farbverlauf im <body> …)
Wie Rolf schon sagte, ist der Hintergrund gar kein Problem – der ist transparent.
Wenn du gar nichts angibst, ist die Vordergrundfarbe schwarz. fill="currentColor" war in meinem Beispiel zu Testzwecken drin; das bewirkt nichts, kann also weg.
Wenn du die Aufzählungszeichen in einer anderen Farbe haben möchtest, kannst du diese im SVG angeben, statt currentColor bspw. rebeccapurple oder eine HSL-, HSB- oder RGB-Angabe.
Problemtatisch wird’s erst, wenn das Aufzählungszeichen in verschieden Farben haben möchtest. Dann müsstest du für jede Farbe jeweils ein eigenes SVG angeben – obwohl doch die Kontur immer wieder dieselbe ist. Der Kompressionsalgorithmus holt bei der Übertragung des Stylesheets da zwar einiges raus, aber schön ist trotzdem anders.
LLAP 🖖
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
Rolf B
marctrix
MudGuard
Matthias Scharwies
Auge
Matthias Apsel