<!doctype html>
<title>'line-height' smaller than 'normal' on input elements as text entry widgets</title>
<link rel="match" href="input-line-height-ref.html">
<style>
  input { font-size: 60px; line-height: 40px; width: 240px; }
  .appearance-none { appearance: none; }
</style>
<p><input type=text value=text> <input type=text value=text class=appearance-none>
<p><input type=tel value=tel> <input type=tel value=tel class=appearance-none>
<p><input type=search value=search> <input type=search value=search class=appearance-none>
<p><input type=url value=url> <input type=url value=url class=appearance-none>
<p><input type=email value=email> <input type=email value=email class=appearance-none>
<p><input type=password value=password> <input type=password value=password class=appearance-none>
