移动端开发遇到的坑之input里的placeholder不垂直居中的问题

今天发现input输入框里的placeholder 在ios设备上不垂直居中。
一开始我设置了input::-webkit-input-placeholder里的line-height等于height：

 input::-webkit-input-placeholder {
   height 42px
   line-height 42px
 }

经过查询资料得知，input输入框的line-height 需要设置成normal 而不能设置成等于高度height,否则就会出现placeholder不垂直居中的问题。

input{
  line-height:normal
}