input placeholder文字垂直居中(Mobile & PC)

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 */  
}

 

posted @ 2014-01-03 11:23  T#S  阅读(37055)  评论(0编辑  收藏  举报