兼容 IE input button 左右内边距的增加

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;

 

posted @ 2016-12-21 22:39  以茜为贵  阅读(709)  评论(0编辑  收藏  举报