Ich habe eine HTML-Liste, die ich durchstreichen muss. Ich habe dies in CSS wie folgt getan:
%Vor%Das Problem, das ich habe ist, dass dies durch den Inhalt in der Liste, aber nicht die Nummer der Liste (und ich muss beides tun).
ZB bekomme ich:
ein. durchgestrichener Inhalt
aber ich brauche:
a. durchgestrichener Inhalt
Irgendwelche Vorschläge willkommen. Prost
Dies ist das Standardverhalten des Browsers, und Sie können die in der Liste angegebene Nummer / den Buchstaben nicht durchgehen. Wenn es in Ihrer Situation möglich ist, können Sie die von der Liste bereitgestellte Nummerierung ausblenden und sie dem Inhalt des Listentextes selbst hinzufügen.
Sie müssen sich vielleicht selbst um die Nummerierung kümmern - entweder manuell, serverseitig oder einige jQuery - und eine ungeordnete Liste wie folgt verwenden:
%Vor%Dies wird wie folgt dargestellt:
a. Foo
Es kann wie folgt gemacht werden:
Erstellen Sie einen Wrapper <div> um den <ul> .
Style den Wrapper <div> mit dem strikethru (oder was auch immer andere Schriftgröße / Stil für die Listenelementnummern wollen)
Formatiere die <li> -Elemente wieder auf deine normalen Schrifteinstellungen.
Die Listenelementnummern übernehmen dann die Schrifteinstellungen vom übergeordneten <div> und haben das strike-thru, und der Listeninhalt ist normaler Text.
Beachten Sie, dass dies nur funktioniert, wenn Sie möchten, dass alle Listenelementnummern auf die gleiche Weise formatiert werden. Ihre Frage impliziert, dass dies das ist, was Sie wollen, aber wenn Sie nur Strike-Thru auf bestimmten Listenelementen durchführen möchten, müssen Sie @ seler's Lösung verwenden.
Sie können das Listenelement nicht stylen. Es könnte auf diese Weise besser aussehen?