Posted by Jukka K. Korpela on 03/26/07 11:38

Scripsit Brian Cryer:

> Question: Is it possible to change the appearance of a radio button
> using css?

Absolutely maybe. It depends. You might be able to change their size, for
example, by setting the width and height properties. You cannot change most
aspects of rendering of radio buttons, though, thank &Deity;.

> His requirement is for the functionality of radio buttons
> but the appearance of tick-boxes.

That means intentionally misleading people. Interesting functionality.

> I know this could be done using
> some JavaScript, what I was wondering was whether there was a
> solution that didn't rely on client side scripting.

You could do this by using a <noscript> element containing normal radio
buttons (so the page would actually _work_ when JavaScript is disabled) and
some JavaScript code that adds a set of images into the document tree and
associates onclick handlers with them, so that when clicked on, the image
changes and the form data is changed too.

Of course, the approach would break the normal functionality of radio
buttons in keyboard-only use, among other things.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]