您的位置:首页 > 其它

input line-height 兼容解决方案

2015-10-29 13:56 155 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: