文本框垂直方向的悲惨定位效果!!!
最近试着对文本框即<input type="text" name="serText" value=""/>测试相对定位时发现IE下面垂直方向居然不兼容(包括IE7,8,9)总是相差那么几个像素,后来发现如果把其padding设置为0,就可以了,但是究其原因还是不解?望知道的同学解释下
用工具观察的结果是:
各个浏览器对文本框设置默认有1个像素的上下padding;
当手动设置文本框的高度时譬如height:15px;各浏览器显示有差异
IE和chrome下height:15px 然后默认上下padding:1px;
FireFox下height:13px 然后默认上下padding:1px;
按照所了解的知识是火狐违反了规则,所以如果是火狐不兼容还可以理解,结果却是IE!伤神了!
------解决方案--------------------设置line-height呢?
------解决方案--------------------
好像input元素是IE比较不兼容,你是text,我之前是button,为了设置button的value居中,为IE写了很多hack,但最主要的是要注意line-height