title: Pure CSS for Radio and Checkbox Inputs
body: <p>Due to the way my radio and checkbox inputs are structured in html, I can't seem to be able to find a way to give them a very very simple custom styling.</p>
  
  <p><a href="http://jsfiddle.net/AR3AY" rel="nofollow">Click here for the JSFiddle</a>
  Can anyone please advice me? how can I give my radio and checkbox a custom pure CSS styling?
  After some research I have noticed that I can use <a href="http://www.csscheckbox.com/" rel="nofollow">http://www.csscheckbox.com/</a> but I don't want to use images.</p>
  
  <p>How my inputs are structured? the input is simply wrapper with the label.
  Example: <code>&lt;label&gt;&lt;input name="checkbox" type="checkbox" value="OptionB" class="required"&gt;OptionB&lt;/label&gt;</code></p>