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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM