Is it possible to override radio buttons style with css?

Question

I need to make special radio buttons, is it possible to make my own images to cover default style of radio buttons? If it is not possible what is best way to do this with jQuery or is there good plugin for this?

Answer 1

Some basic changes can be made via CSS, to the size etc, but they are fairly unreliably reproduced across different browsers (surprise, surprise).

Outside of CSS, I've had good results with jQuery Checkbox.

Answer 2

you can control every aspect of the radio via CSS, using images or basic styling, like padding, color, backgorund, etc. That said, I also recommend you use a framework, like jQuery Checkbox..

Alternatively, look at this blog entry for further suggestions

Answer 3

Yes I would also recommend using jQuery, a very nice plugin is the jqTransform plugin. Check out this video tutorial by Chris Coyier in which he uses the plugin from scratch in one of his css-tricks screen casts.