title: How to apply CSS(background image) to radiobutton when it clicks?
body: <p>i have set of radio buttons like below,</p>
  
  <pre><code>    &lt;input type="radio" NAME="pizzasize" value="1"/&gt;100&amp;#37; of the time&lt;br /&gt;
     &lt;input type="radio" NAME="pizzasize" value="2" /&gt;75&amp;#37; of the time&lt;br /&gt;
         &lt;input type="radio"  NAME="pizzasize" value="3"/&gt;50&amp;#37; of the time&lt;br /&gt;
         &lt;input type="radio"  NAME="pizzasize" value="4"/&gt;25&amp;#37; of the time&lt;br /&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/r9cvV.jpg" alt=""></p>
  
  <p>i need to change the radiobuttons format like the  image in the above.
  How can i do this?..</p>
  
  <p>Thanks
  Ravi</p>