css - 为什么 Firefox 在 input[type=submit] 上有一个 3px 宽的边框？

Question

我所有的提交按钮都有不同的大小，看起来很奇怪。至少我希望他们有相同的高度。请看下面的图片。

火狐:

IE7:

Chrome 和 IE8(我多么想要它):

我的 CSS 看起来像这样:

input, select, textarea {
 margin-bottom:3px;
}
input, select, button, textarea {
 font-family: Tahoma, Verdana, sans-serif, FreeSans;
 font-size:11px;
}
input[type=submit] {
 padding:1px 3px;
}

有人知道我该如何解决这个问题吗？

更新

宽度问题已解决。现在的问题:Firefox 中按钮的高度。有什么建议吗？

Answer 1

您可以通过添加以下内容来摆脱 IE 中可笑的左侧和右侧填充:

width: auto; overflow: visible;

按钮的 CSS，以及“提交”和“按钮”输入。 (为什么？谁知道呢？)

至于高度，您可以尝试设置“line-height”。但是请注意，“行高”会使 IE 对按钮做出奇怪的事情。