提交按钮不像输入字段那样使用填充

Question

我一直在尝试创建一种形式，其中在考虑填充和边距后，元素的宽度都相同。我成功使用的元素是<textarea> ， <input type="text">和<div>标签。 我大部分时间都是成功的，但是<input type="submit">元素似乎没有像其他任何元素一样使用水平填充。 我想念什么吗？

如何在不牺牲填充物的情况下使它们的宽度相同？

示例： http ： //jsfiddle.net/4kA8k/

为了全面起见，我使用的是Chrome，并检查了IE中是否也发生了这种情况。

Answer 1

我认为您的CSS中的以下几行可能会达到目的，以便所有HTML元素的行为（种类）相同：

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}