Ich möchte die Art und Weise anpassen, in der Elemente von ungeordneten Listen dargestellt werden.
Ich weiß, dass ich list-style-type verwenden kann, um zwischen none , disc , circle , square und anderen mehr oder weniger unterstützten Werten zu wechseln. Ich weiß auch, dass es möglich ist, das Standard-Erscheinungsbild von Listenmarkierungen zu ändern, die ein Bild in list-style-image -Eigenschaft angeben.
Das Problem ist, dass ich das Aufzählungszeichen durch large right arrow (►, ► ) HTML-Sonderzeichen anstelle einer Kombination aus list-style-image und einem dreieckigen Bild ersetzen möchte.
Ist es möglich? Übrigens, wenn dies wichtig ist, ist jQuery bereits auf der Seite geladen, so dass es kein Problem wäre, es zu benutzen, wenn dies helfen kann.
Danke.
- BEARBEITEN -
Danke, ich werde die eine oder die andere Version verwenden, je nachdem, welchen Browser Sie unterstützen müssen. Übrigens, beide Antworten sind großartig und zu entscheiden, welcher der "Gewinner" ist, ist nicht einfach, also entschied ich mich für die erste Antwort.
Nach meinem Wissen ist es nicht möglich, das mit dem List-style-type zu tun Eigenschaft.
Wenn jedoch Ihr Browser den : vor CSS-Selektor unterstützt, können Sie ihn zum Einfügen des Aufzählungszeichens verwenden Entitäten vor den Listenelementen. Sie müssen nur den Entitätscode in Hexadezimal konvertieren:
%Vor%Sie können ein jsFiddle finden, das hier demonstriert.
@Frederic zeigt eine interessante Problemumgehung, mit der ich fortfahren würde, es sei denn, Sie müssen IE6 und 7 unterstützen - in diesem Fall müssten Sie mit einem normalen HTML-Element umgehen, das das Zeichen enthält und das Sie formatieren setze es an die richtige Stelle.
Etwas wie
%Vor%Tags und Links html jquery css html-lists listitem