title: How do you style the HTML5 form validation messages?
body: <p>Say you have some HTML like this:</p>
  
  <pre><code>&lt;form&gt;
      &lt;input placeholder="Some text!" required&gt;
      &lt;input type="email" placeholder="An Email!" required&gt;
      &lt;input type="submit" value="A Button!"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Because of the <code>required</code> attributes, newer Webkits and Firefoxes show a validation message next to the field if you leave it blank.</p>
  
  <p>They respond to being styled by a rule such as:</p>
  
  <pre><code>div {
      font: Helvetica;
  }
  </code></pre>
  
  <p>But I can't find a more specific selector for them. Does anyone know what selector is used, or will be used, or even a bug report for webkit/gecko relating to this?</p>
  
  <p>( JSFiddle showing that they can be styled with a div selector: <a href="http://jsfiddle.net/p7kK5/" rel="noreferrer">http://jsfiddle.net/p7kK5/</a> )</p>