select各大浏览器差异

2019独角兽企业重金招聘Python工程师标准>>>

select在各大浏览器属性支持差异对比

我们得出：

通过上述的研究成果属性汇总，我们知道IE6是无论如何设置都是固定高度为22px不变的，而其他浏览器除safari都是支持height属性的，那么我们设置height:22px。修正一下safari浏览器，我们发现仅有safari支持line-height属性,那么正好可以利用line-height修正其高度为22px,在font-size为12px的前提下设置line-height:18px,这样在safari中select选择框的高度也是22px。最后FF和IE9里面的文字不居中，对其设定padding:2px0,我们发现FF和IE9都居中了。另外ie浏览器也可以通过设置font-size 将select 撑大。

*{padding:0; margin:0}
body{font-size:12px}
select{height:22px; line-height:18px; padding:2px 0}

转载于:https://my.oschina.net/wbo0801/blog/185233