Button内容的宽度在firefox中的适配

  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中一致了：