title: HTML5 input type="color" styling
body: <p>Just discovered that there is a color input type in HTML5, I guess i have never needed it before so never noticed it.</p>
  
  <p>Unfortunately chrome adds an ugly grey dead space around the colour swatch that isn't there in Firefox. Any way I can get rid of this?</p>
  
  <p><a href="http://codepen.io/rachelreveley/pen/ZOXNgO" rel="nofollow">Code is here</a> </p>
  
  <pre><code>&lt;form&gt;
    &lt;input type="color" /&gt;
  &lt;/form&gt;
  
  input[type="color"] {padding: 0; margin: 0; border: 0;}
  </code></pre>