Hallo,
Das größere Problem ist aber: Wie erreicht man, dass der Nutzer den Erfolg seines Klicks überhaupt sieht, wenn der eigentliche Radiobutton nicht zu sehen ist?
So --
Ja, wie ich sagte, eben mit JavaScript. Wobei das Beispiel natürlich insofern gut gemacht ist, dass es auch ohne JavaScript noch irgendwie funktioniert. Das könnte man beim Beispiel des Ersatztes von Radio-Buttons durch Grafiken dadurch erreichen, dass die Radio-Buttons ebenfalls erst mit JavaScript auf display:none gesetzt werden. Ohne JavaScript wären sie sichtbar und benutzbar.
visuell attraktiver finde ich allerdings die Variante ohne Formularelemente, auch wenn ich dort eine
<ol>
bevorzugte.
Hier ändert sich aber nur bei hover etwas. Das ist kein Problem mit CSS. Gefragt war aber der Ersatz eines Radio-Buttons durch eine Grafik. Diese Ändern ihr Aussehen aber bei klick, nicht bei hover.
viele Grüße
Axel