title: Styling input[type=date] in chrome
body: <p>I'm using html5 date input, but in a new form Chrome is not displaying the full values correctly. The format is DD-MM-YYYY, but the YYYY part shows up blank. I can see the value is there though.</p>
  
  <p>Seems as if the white space on the right side of the input is reserved for the controls (cross to clear value, up/down arrow, dropdown-arrow). </p>
  
  <p>I don't have space to make the input wider. How to make the full date visible?</p>
  
  <p>Example:
  <a href="http://jsfiddle.net/U6MYy/" rel="nofollow">http://jsfiddle.net/U6MYy/</a> </p>
  
  <pre><code>&lt;input type="date" value="2014-04-07"/&gt;
  with
  input { width: 80px; }
  </code></pre>