使按钮的宽度与Firefox中的文本输入字段的宽度相同

Question

我正在尝试使文本输入元素的宽度与提交输入元素的宽度相同，并且出于某种原因，我正在为此付出努力。 （我可能错过了一些非常明显的东西）。

在铬，歌剧，IE9和IE10，该做的伎俩：

input { 
    box-sizing:border-box; 
} 

但是在Firefox这不解决该问题作为文本输入仍然比提交输入较长（最终比任何声明的宽度更长）。

铬，歌剧，IE9和IE10：

Firefox的问题：

请注意，我添加了一个1px的边框，以每使差异更清晰一些。

这是一个JSFiddle example来说明这一点。请注意，我在Windows 7上使用最新版本的Chrome，Opera和Firefox。

如何确保所有浏览器中的大小相同？

Answer 1

Firefox仍然不支持box-sizing的正常版本 - 您将不得不使用mozilla css扩展。

-moz-box-sizing: border-box;