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