我的 jsp 页面上有几个按钮，我使用的样式为：
*.buttonblue {
background-color: #003366;
border-color: #99CCFF;
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica;
font-size: 8pt;
font-weight: bold;
height: 20px;
display:inline;
line-height: 1.2;
text-align: center;
margin-top: 2px;
}*
Firefox 中的按钮比 IE6 小一些。
我无法定义按钮的大小，因为标题更改按钮大小也会相应更改。
我尝试使用 width:auto 但没有成功。另外，使用溢出：可见，IE 中的按钮会变得小一些。
请帮忙。
IE 存在按钮填充错误 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/，您可能正在经历这种情况。尝试这样的事情：
input.button {
padding: 0 .25em;
width: 0; /* IE table-cell margin fix */
overflow: visible;
}
input.button[class] { /* IE ignores [class] */
width: auto; /* cancel margin fix for other browsers */
}
注意：如果应用此修复后 IE 中的按钮变得更小，请确保您没有处于怪异模式。在 IE 的怪异模式中，对象宽度的计算方式与标准模式下不同，这使得所有内容都变得更小（对于具有指定宽度的项目）。如果您希望获得一致的跨浏览器结果，最好始终使用标准模式（尽管 IE 的标准模式不是那么好，但它仍然比怪异模式更标准）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
