文本框光标垂直不居中

高度和行高一样了？文字居中了，怎么光标还是在上面？

未输入文字时，看似正常了

 

输入文字时光标在上了：

 

在行高加上\9     如：line-height:32px\9;

得到正常效果：

有人说safari不兼容加这个：

@media screen and (-webkit-min-device-pixel-ratio:0){ input{ line-height:50%; } }