Firefox和WebKit浏览器之间的字体高度的变化？(Font height changes b

2019-10-29 03:13发布

字体（无数的亲）似乎是Firefox和WebKit浏览器（Chrome和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;
}

当我进入萤火虫计算的风格，所有的参数都是相同的（行高，字体大小，填充，保证金等）。我尝试了@字体面的文件隔离到一个.TTF文件类型，但没有任何变化。

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

Answer 1:

这是一个已知的问题，火狐增加了额外的高度，按钮，试试这个代码添加到CSS文件：

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