css系列：input的placeholder在safari下设置行高失效

技术交流群：821039247

在项目中遇到input的placeholder在safari下设置行高失效的问题，问度娘后未得治原因，倒是有解决办法：

方法一：使用padding使提示文字居中，如果font-size:14px,UI高度为40px,我们可以设height：14px,padding:13px 0;

方法二：使用line-height:1px

方法三：使用vertical-align: middle;

实践后问题得以解决，但是其他浏览器下也受到了影响，那么问题来了，我们需要单独针对Safari来写hack即[;line-height:1;]

至此，问题完美解决

 

技术交流群：821039247