title: Vertically center text within input in Safari regardless of size
body: <p>I'm having an issue where Safari is adding more spacing at the top of a font than at the bottom in an input element. The problem is only visible when the font size of the input is almost as large or larger than the height of the input. </p>
  
  <p>I'm looking for a solution that will work regardless of the font-size or height, so adding an arbitrary padding will not be acceptable.</p>
  
  <p>Chrome:</p>
  
  <p><a href="https://i.stack.imgur.com/kWutj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kWutj.png" alt="Chrome"></a></p>
  
  <p>Safari:</p>
  
  <p><a href="https://i.stack.imgur.com/1IgzC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1IgzC.png" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input {
    font-size: 75px;
    height: 80px;
    width: 200px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input value="0123"&gt;</code></pre>
  </div>
  </div>
  </p>