Button内容的宽度在firefox中似乎是比较奇葩的,如果没有强制设定Button的宽度,则其计算Button内容的时候会比在chrome和IE中都要大一点。例如,同样的”保存”按钮, 在firefox和chrome中分别表现为如下:
Firefox中:
Chrome中:
由”保存”按钮右侧的”盒模型”的内容计算的图片可以看出firefox中宽度比在chrome中大6px。
对于此,在网上找到的答案,似乎是指firefox的私有属性在作怪,firefox在私有属性里额外设置了边框和留白,去掉即可:
.form-btn::-moz-focus-inner{border:none;padding:0;}
css中对此按钮加上上面的样式,就和chrome及IE中一致了: