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

Question

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

在Chrome，Opera，IE9和IE10中，这就是诀窍：

input {
    box-sizing:border-box;
}

但是在Firefox中，没有修复问题，因为文本输入仍然比提交输入长（并且最终长于任何声明的宽度）。

Chrome，Opera，IE9和IE10：

Firefox问题：

请注意，我在每个区域周围添加了1px边框，以使区别更加清晰。

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

我可以做些什么来确保所有浏览器的大小相同？

Answer 1

Firefox仍然不支持box-sizing的正常版本 - 您必须使用mozilla css扩展程序。

-moz-box-sizing: border-box;