表单元素在各浏览器下的差异
1.[type="submit"]、[type="reset"]、button、[type="text"]、select、textarea默认情况下都带有2px的border;
2.[type="submit"]、[type="reset"]、button默认情况下会有6px的左右padding;height在mac系统下会比在winxp
win7系统下少1px,只有16px,(12px的字体时高度为17px);
3.[type="text"]默认情况下会有1px的上下padding;winxp和win7下高度为15px,mac系统下为14px
4.[type="checkbox"]默认情况下会有margin:3px 3px 3px
4px,并且宽/高度默认为13px(IE6,,IE7默认大约为15px,mac系统下只有9px)
5.[type="radio"]默认情况下会有margin:3px 3px 0
5px的外边,并且宽/高度默认为13px(IE6和IE7默认大约是15px,mac系统下只有9px);
6.textarea默认情况带有1px的上下margin:
最后要说的一点是,上面那些常用的form元素只有[type="text"]和textarea两者是遵循w3c的标准Box
Model,而其他几个都是还是遵循IE传统下的Box
Model.下面我们在把css修改一下,我们把margin、padding和border都统一一下.
