To add an extra user-friendly detail, we’ll add a cursor: pointer to the radio button labels on the :hover state, so the user knows that he can simply click them to select that option.
In your example, that does not work in Opera (not even in V10.10).
But if you remove the :hover pseudo-class from the selector you’ve used – then it will work in Opera, too.
(And applying the cursor-property only on :hover is redundant, anyway – when else will the appearance of the cursor be affected, if not when it’s over the element…? ;-)
So you probably might wanna fix this little thing in your article and example.
In your example, that does not work in Opera (not even in V10.10).
But if you remove the :hover pseudo-class from the selector you’ve used – then it will work in Opera, too.
(And applying the cursor-property only on :hover is redundant, anyway – when else will the appearance of the cursor be affected, if not when it’s over the element…? ;-)
So you probably might wanna fix this little thing in your article and example.
Besides that – nice work, fine article!
Cheers,
Chris