title: Placeholder font-size bigger than 16px
body: <p>I have read a couple of articles about styling the placeholder of an input field using <code>::-webkit-input-placeholder</code> in HTML5. It works perfectly, except for one thing.</p>
  
  <p>If I try to increase the font-size to a value higher than 16px, the text gets "cut" at the bottom. This happens regardless of height and padding of the input itself. Does anyone know a way of avoiding this problem, either using pure CSS or javascript?</p>
  
  <p>I have added a screenshot of two inputfields where the placeholders have an font-size of 20px</p>
  
  <p><img src="https://i.stack.imgur.com/8NdnH.png" alt="enter image description here"></p>
  
  <p>Jsfiddle: <a href="https://jsfiddle.net/bvwdg86x/" rel="noreferrer">https://jsfiddle.net/bvwdg86x/</a></p>