Unicode-Zeichen als Aufzählungszeichen für Listen-Elemente in CSS

Question

Ich muss z. B. das Sternsymbol() als Aufzählungszeichen für einen Listeneintrag verwenden.

Ich habe die CSS3-Modul: Listen , in dem beschrieben wird, wie man benutzerdefinierten Text als Aufzählungszeichen verwenden kann, aber bei mir funktioniert es nicht. Ich denke, die Browser unterstützen einfach nicht die ::marker Pseudo-Element.

Wie kann ich das tun, ohne Bilder zu verwenden?

Answer 1

Wie bereits in diese zwei Kommentare, der moderne Ansatz ist die Verwendung von list-style-type o ::marker . Je nach Anwendungsfall können Sie sie auch kombinieren.

Einer der größten Nachteile dieser Methoden ist, dass Sie kann noch nicht anwenden. margin o padding a ::marker und muss sich stattdessen auf Leerzeichen verlassen (wie in den Beispielen hier gezeigt) oder eine Offset-Methode verwenden, wie in der Demo in 2.1 unten.

1. Verwendung von list-style-type um eine benutzerdefinierte Markierung zu setzen

li { list-style-type: "

Answer 2

Versuchen Sie diesen Code...

li:before {
    content: " "; /* caractère UTF-8 */
}

Answer 3

Dieses Thema ist zwar alt, aber hier ist eine schnelle Lösung ul {list-style:outside none square;} oder ul {list-style:outside none disc;} , etc...

dann dem Listenelement eine linke Füllung hinzufügen

ul li{line-height: 1.4;padding-bottom: 6px;}