首頁猿問安卓手機和蘋果手機...

安卓手機和蘋果手機 placeholder 不垂直居中的問題

JavaScript

炎炎設(shè)計 2019-05-15 10:41:01

在現(xiàn)等待，該如何解決height:54px;line-height:54px;蘋果手機placeholder正常垂直居中，安卓手機偏上蘋果手機光標(biāo)不正常

查看完整描述

2 回答

慕絲7291255

TA貢獻1859條經(jīng)驗獲得超6個贊

這個問題，可以通過改變布局思路來解決，div模擬40像素高的輸入框，子元素input高度與字體大小相同，背景透明無邊框，此時輸入文字和placeholder提示文字都可以顯示在中間的位置，并且安卓手機、蘋果手機和電腦以及正常的pc瀏覽器都不會出現(xiàn)上偏下移的問題。優(yōu)化問題：只有在點擊到input時才會有光標(biāo)，才能輸入，此時可以為div做點擊事件為input獲取光標(biāo)，即可完美模擬input輸入框。

反對回復(fù) 2019-05-15