How to change the look of the default switch, not the functionality?

Question

In the form, I have two Yes and No radio buttons . I want to change the look of the default radio buttons

to like it.

Edit: I would like to change the buttons radioto anchor <a>if JavaScript is enabled, if it is not easy to change the appearance of the default radio station via css.

Answer 1

The easiest way? Set the images as labels with an attribute forpointing to the radio buttons. Then set the switches todisplay:none;

<input type="radio" name="radio[1]" /><label for="radio[1]"><img src="/yes.png"></label>
<input type="radio" name="radio[2]" /><label for="radio[2]"><img src="/no.png"></label>

p.s. HTML, javascript. - CSS (: hover ..) .

UPDATE:

, , . for , , for. for id .

Answer 2

, <radio>, , , jQuery . , .