title: Setting a border and a background-color on a radio button (compatible with Firefox, Chrome, Safari)
body: <p>How can I set <strong>borders and background-color</strong> around radio buttons under <strong>Firefox, Safri and Chrome</strong>? </p>
  
  <p>I know it works only with IE.</p>
  
  <p>Below is a capture of IE with RED borders + RED background.</p>
  
  <p><img src="https://i.stack.imgur.com/WLuBq.png" alt="enter image description here"></p>
  
  <p>Below is a capture of Chrome with RED borders + RED background. </p>
  
  <p><img src="https://i.stack.imgur.com/sEJZ7.png" alt="enter image description here"></p>
  
  <p>As you can see borders + background are not showed.</p>
  
  <p>Here is my css:</p>
  
  <pre><code>.input-validation-error {
      border: 1px solid #ff0000;
      background-color: #ffeeee;
  }
  </code></pre>
  
  <p>Thanks.</p>