Firefox和＆之间的字体高度变化Webkit浏览器？

Question

Firefox＆amp;之间的字体（myriad pro）似乎有所不同Webkit浏览器（Chrome＆amp; Safari）。我没有在Internet Explorer上测试过。

form.standard.small input[type=submit] {
    width: 104px;
    height: 36px;
    margin: 12px 2px 4px;
    padding: 5px 27px 5px 45px;
    font-size: 14px;
    background:url('../images/button-small.png') no-repeat 0px 0px;
}

当我进入Firebug中的计算样式时，所有参数都是相同的（行高，字体大小，填充，边距等）。我尝试将@ font-face文件隔离到单个.ttf文件类型，但没有变化。

任何人都知道为什么/如何解决？

Answer 1

这是一个已知问题，firefox为按钮增加了额外的高度，请尝试将此代码添加到css文件中：

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

Answer 2

请注意IE 6不会低估

input[type="button"]

你必须添加一个类。