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

[Gunnar Bittersmann]

@@Bruno Thomann

Weiss jemand eine Lösung mit <ul>?

Die Spec sieht vor, anstatt des Bulletzeichen auch Text verwenden zu können:

ul { list-style-type: '→ ' }

Im Firefox ist es implementiert, anderswo Fehlanzeige. [MDN]

Man kann auch ein Bild verwenden, das funktioniert browserübergreifend. Im Beispiel ein SVG als data-URL:

ul { list-style-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20448%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m190.5%2066.9%2022.2-22.2c9.4-9.4%2024.6-9.4%2033.9%200l194.4%20194.3c9.4%209.4%209.4%2024.6%200%2033.9l-194.4%20194.4c-9.4%209.4-24.6%209.4-33.9%200l-22.2-22.2c-9.5-9.5-9.3-25%20.4-34.3l120.5-114.8h-287.4c-13.3%200-24-10.7-24-24v-32c0-13.3%2010.7-24%2024-24h287.4l-120.5-114.8c-9.8-9.3-10-24.8-.4-34.3z%22%2F%3E%3C%2Fsvg%3E') }

Pfeil von: Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

Die von Rolf gezeigte Möglichkeit ist aufwendig. Und auch eher ein Hack als eine Lösung.

LLAP 🖖