IE 下的按钮标签(input、button)会随着文字的增加导致文本左右两侧的间距越来越大。该问题存在于 IE6/IE7,IE8~IE10 没发现类似问题。一般情况下,只要给按钮标签设置 overflow 属性的 visible 值,按钮就可以在 IE 下显示正常了。
1、htmlCode
<input type="button" value="ie respects my padding" />
2、cssCode
padding: 10px;
overflow: visible;
IE 下的按钮标签(input、button)会随着文字的增加导致文本左右两侧的间距越来越大。该问题存在于 IE6/IE7,IE8~IE10 没发现类似问题。一般情况下,只要给按钮标签设置 overflow 属性的 visible 值,按钮就可以在 IE 下显示正常了。
1、htmlCode
<input type="button" value="ie respects my padding" />
2、cssCode
padding: 10px;
overflow: visible;