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

Question

我正在尝试使文本输入元素的宽度与提交输入元素的宽度相同，出于某种原因，我正在为此苦苦挣扎。（我可能遗漏了一些非常明显的东西）。

在 Chrome、Opera、IE9 和 IE10 中，这可以解决问题：

input {
    box-sizing:border-box;
}

但是在 Firefox 中，这并不能解决问题，因为文本输入仍然比提交输入长（并且最终比任何声明的宽度都长）。

Chrome、Opera、IE9 和 IE10：

火狐问题：

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

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

我该怎么做才能确保所有浏览器的大小都相同？

Answer 1

Firefox 仍然不支持普通版本box-sizing- 你必须使用 mozilla css 扩展。

-moz-box-sizing: border-box;