码迷,mamicode.com
首页 > 其他好文 > 详细

【转载】input placeholder文字垂直居中(Mobile & PC)

时间:2015-04-10 01:13:06      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

转载自:http://www.cnblogs.com/olartan/p/3503354.html

 

Html5输入框支持placeholder,但是在定义文本框中定义placeholder存在兼容问题

<input type="text" placeholder="search word" name="p" />  

但是在chrome下显示的search word并不能垂直居中。

在stackoverflow上找到了对应的方法。参考地址:http://stackoverflow.com/questions/4919680/html5-placeholder-css-padding-problem

解决方法是:

把line-height设置为normal

CSS定义如下

input{
  line-height: normal; /* for non-ie */  
  line-height: 22px\9; /* for ie */  
}

 

【转载】input placeholder文字垂直居中(Mobile & PC)

标签:

原文地址:http://www.cnblogs.com/lixiaoyaoslove/p/4412957.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!