input:after funktioniert nicht :-o

[MudGuard]

Hi,

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 .

Was mich derzeit stört, ist das zusätzliche span-Element. Aber das lässt sich wohl nicht vermeiden?

content aus :after wird am Ende des Elementinhalts eingefügt. input hat aber keinen Inhalt, in den etwas eingefügt werden könnte ...

Auch grundsätzlich andere Ideen sind willkommen.

s.o.

cu,
Andreas