文本输入比提交大1px

Question

我这里有一个表格：http://capeanntunaclub.com/form/index.html

问题在于，电子邮件输入框相对于提交按钮在顶部和底部添加了 1px 边框。两者的高度都设置为 30 像素，但输入字段显示为 32 像素。

我怎样才能解决这个问题？我将此代码添加到输入字段中，但没有什么区别：

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ 

任何帮助将不胜感激！:)

Answer 1

CSSbox-sizing: border-box可能就是您正在寻找的。 http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

注意：对于 Firefox，仍然有一个供应商前缀版本-moz-box-sizing