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

Published by Peter Wilson

Peter Wilson is a Senior WordPress Engineer at Human Made and contributor to WordPress core. 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 theater and often encourages his WordPress community 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 *