input:after funktioniert nicht :-o

[Matthias Apsel]

Om nah hoo pez nyeetz, MudGuard!

  input:disabled + span:after {content: " nicht auswählbar"}
  input:enabled + span:after {content: " auswählbar"}
  input:checked + span:after {content: " ausgewählt"}

<li><input type="checkbox"><span></span></li>         <li><input type="checkbox" disabled><span></span></li>         <li><input type="checkbox"><span></span></li>

Der zur Checkbox gehörende Text ist m.E. Inhalt, nicht Dekoration, gehört also eher ins HTML (label-Element!) als ins CSS .

Es soll ja eigentlich nicht eine Beschriftung des Elementes sein und vor allem soll in Abhängigkeit von der Nutzerinteraktion der Text getauscht werden. Deshalb also der generierte Inhalt. Also wirklich nur ein zusätzlicher Hinweis:

Klimaanlage O nicht verfügbar Radio       x ausgewählt

und wie gesagt vor dem Hintergrund: Beispiel fürs wiki.

Matthias