<li>-Bullet bei <ul> durch Pfeil ersetzen. Problem bei mehrzeiligen Listenelementen

[marctrix]

Hej Bruno,

Danke an alle, die sich mit meinem Problem beschäftigen! Habe offensichtlich eine Mini-Lawine losgetreten, die sich in fundamentalere Gefilde zu bewegen scheint.

Und noch ist nciht alles bedacht 😂

Sorry, sehe das jetzt erst. Die Hintergrundfarbe ist ein Problem, gerade wegen der Transparenz. Was passiert denn mit einem schwarzen Pfeil auf schwarzem Hintergrund? - Eben: er wird unsichtbar. Nutzer mit Blendempfindlichkeit machen sich die Hintergründe von Webseiten dunkel.

Grafiken verschwinden dann in zwei Fällen:

1. es handelt sich um eine Hintergrundgrafik. Da diese die gewählte Hintergrundfarbe überlagern würden, werden Hintergrundgrafiken bei eigenen Farben ignoriert (also schlicht nicht angezeigt)
2. Grafiken sind transparent und die eingestellte Hintergrundfarbe ist ähnlich oder identisch mit dem Symbol

Man sollte also gerade keine Transparenz in seinen Bildern verwenden oder dafür sorgen, dass sich mit der Hintergrundfarbe auch die Farbe des Icons ändert. Das lässt sich nicht machen, aber ich gehe mal davon aus, dass jemand, der eine eigene Hintergrundfarbe verwendet, auch eine eigene Schriftfarbe verwendet. Sondern wären ja alle Texte schwarz auf schwarz und damit unsichtbar.

Wenn er sich nun eine hellere Schriftfarbe einstellt, sollte sich die auch auf das Icon auswirken. So wird das wieder sichtbar.

Also ist die Lösung von Rolf hier eine der besseren, trotz Hack-Charakter — anders geht es IMHO nur folgendermaßen: man könnte ein inline-SVG nehmen und im CSS mit fill: currentColor; sicherstellen, dass das Symbol dieselbe Farbe hat wie der Text.

Marc