为什么 Firefox 在 input[type=submit] 上有 3px 宽的边框？
我所有的提交按钮都有不同的大小，看起来很奇怪。至少我希望他们有相同的高度。看看下面的图片。
火狐浏览器：
IE7：
Chrome 和 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 中按钮的高度。有什么建议吗？
All my submit buttons have different size and it looks really weird. At least I want them to have the same height. Look at the pictures below.
Firefox:
IE7:
Chrome & IE8 (how i want it):
My CSS looks like this:
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;
}
Anyone know how i can fix this?
UPDATE
Width problem fixed. Problem now: The height of the button in Firefox. Any tips?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以通过在 CSS 中添加： 来消除 IE 中荒谬的左侧和右侧填充
，以及“提交”和“按钮”输入。 （为什么？谁知道呢？）
至于高度，您可以尝试设置“line-height”。但请注意，“line-height”可能会使 IE 对按钮做出奇怪的事情。
You can get rid of the ridiculous left- and right-side padding in IE by adding:
to the CSS for buttons, and for "submit" and "button" inputs. (Why? who knows?)
As to the height, you might experiment with setting "line-height". Be warned that "line-height" can make IE do bizarre things to buttons however.