title: Styling Browser Validation For All Modern Browsers
body: <p>I have seen with the more modern browsers that they are automatically starting to validate forms with the new HTML attributes that you can place on them.</p>
  
  <p>What I would like to know is how can we style the auto browser validation for forms so that they all look the same?</p>
  
  <p>So what is the CSS for: <strong>Firefox, Chrome, IE, Opera, Safari</strong> +any other browser.</p>
  
  <p>I am looking to do this with pure CSS.</p>
  
  <p>Here is some sample HTML:</p>
  
  <pre><code>&lt;form&gt;
  E-mail: &lt;input type="email" name="email" required="required" /&gt; &lt;input type="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/ub5wzyhe/" rel="nofollow">JSFIDDLE</a></p>
  
  <p>Thanks
  Andrew</p>