input line-height 兼容解决方案
input不设置line-height 属性,IE8及以下浏览器中光标会偏移到最上方,不能居中;
如果将line-height 属性设置为与height一样的数值,Chrome浏览器又有一个bug,会出现光标不能居中的问题,需要将line-height设置为normal方可解决;
如果设置line-height:normal又会导致IE8光标不能居中。
可兼容所有主流浏览器的解决方案如下:
input[type="text"]:focus{line-height: normal; line-height: 2.4em\9;
备注:据说Google Chrome 39已经修正了line-height的BUG,不过以上才是最完美的解决方案。
参考文章:
http://www.51-n.com/t-4301-1-1.html