New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Line height on inputs #910
Comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I just noticed that Firefox dev tools shows a computed line-height of 20px on an input element. It attributes this to
line-height: 1.15
from normalize.css. However, the font-size is computed to be 16px. The same thing in Chrome shows a line-height of 18.4px, which is what you get when you multiply 16 by 1.15. After fiddling around it appears that both browsers have a minimum for the input's line-height. In Chrome it's about 1.1-1.15. In Firefox if I set line-height to 0.1, the computed tab still says 20px, so the minimum is 1.25.I don't know about other browsers, but I suppose then it's a good idea to set line-height for inputs to 1.25.
The text was updated successfully, but these errors were encountered: