title: Radio buttons change CSS background-color or background-image (simple code without labels)
body: <p>Is there a way to only by using css change the appearance of radio buttons. But, simple input radio, not with the labels css adjustment.</p>
  
  <p>Like, here is my code: <a href="http://jsfiddle.net/Rh9ns/" rel="nofollow">FIDDLE</a></p>
  
  <pre><code>&lt;input type="radio" name="radio1" class="radiostyle" value="1"&gt;
  &lt;input type="radio" name="radio1" class="radiostyle" value="2"&gt;
  &lt;input type="radio" name="radio1" class="radiostyle" value="3"&gt;
  </code></pre>
  
  <p>Then, here is my css:</p>
  
  <pre><code>input[type=radio] {  
      display: none;  
  }  
  
  .radiostyle {
      display:inline-block;
      width:19px;
      height:19px;
      background-color: blue;
      /*or instead of color use some image*/
  }
  </code></pre>
  
  <p>Therefore, is there I way how to easy do it. Because, I would like to put images instead of simple radio buttons.</p>