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

posted on 2015-10-29 13:56  细雨流光  阅读(2092)  评论(0编辑  收藏  举报

导航