Firefox inputs and line-heights

For years, Firefox has taken the prize for the single most frustrating rule in a UA stylesheet.

input {
  line-height: normal !important

Additionally, Firefox ignored specificity rules and prevented developers from overriding this rule. In version 30, two patches were applied that removes it. Now it’s possible to style input line-heights consistently across browsers.

As Firefox automatically updates, I recommend dropping any rules you have addressing this issue. Very few users disable auto-updates as the attached graph shows, so negative consequences will be limited.

Graph showing Firefox browser versions

By Peter Wilson

Peter has worked on the web for twenty years on everything from table based layouts in the 90s to enterprise grade CMS development. Peter’s a big fan of musical theatre and often encourages his industry colleagues to join him for a show or two in New York or in the West End.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.