重新审视Firefox按钮行高错误...任何2011解决方案？

Question

Firefox行高错误是一种痛苦。简而言之，它会阻止通过无法撤消的浏览器样式line-height声明在button元素上手动设置line-height: normal !important。

现在这是一个巨大的痛苦，而且在一个特别针对特定浏览器的怪癖被砍掉的时代，我不得不为所有浏览器的Firefox做个例子。

所以我现在的问题是，自从above article做出让步基本上不可能的让步后，我能做些什么呢。

这里有一个小提琴：http://jsfiddle.net/hBLQ7/

在Firefox和Chrome中打开并观察差异。

那么在这个时代我们能做些什么呢？

Answer 1

你可以设置按钮的高度，如果那是你想要的吗？

Answer 2

用顶部和底部padding进行黑客攻击怎么样？

CSS

button {
   padding: 25px 0;
}

实施例

jsFiddle

Answer 3

在firefox 9中测试你的小提琴时，你的按钮实际渲染的高度与跨度相同。使用按钮/提交类型的输入可以解决您描述的问题：Fiddle

我还没有找到解决这个问题的可行方法..

其中一个相关的错误报告是here。