css - MSIE 6、7 中的按钮高度问题

Question

我试图用这个来设计一个按钮的样式:

button.plusone { width: 3.5em; padding: 3px 0 3px 0; text-align: center; }

使用以下 css 重置:

button {margin:0;padding:0;}
button {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
button {*font-size:100%;}

在 Safari 和 Firefox 中看起来不错，但在 Internet Explorer 6 和 7 中看起来太高了。

Safari，很好saf http://img190.imageshack.us/img190/1954/safay.png

MSIE6，错误 msie http://img693.imageshack.us/img693/8300/75657632.png

这是一个已知错误吗？我该如何解决？谢谢!

Answer 1

胜利者，

这是您问题的解决方案 http://jehiah.cz/archive/an-even-better-ie-button-width-fix

还有这个 http://particletree.com/features/rediscovering-the-button-element/

或尝试设置

button {
width: auto;
overflow: visible;
line-height: 0px;
}