html - 文本输入比提交大 1px

Question

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

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

我该如何解决这个问题？我将此代码添加到输入字段，但没有任何区别:

-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

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

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