add an image to a html type input check box or radio

Issue

I'm trying to specify an image to be used for my unchecked and checked values for html input type checkbox and radio.

I have got this:

background: url("image.png") no-repeat;

but it doesnt seem to work on radio and checkbox only button.

Does anyone know something that will work?

Solution

Take a look at this Ryan Fait - Custom checkboxes and radio buttons ... Hope it's what you're looking for ;)

Answered By - Elwhis