如何在UC瀏覽器Mobile上垂直對齊輸入元素的佔位符？

我的問題是瀏覽器的具體問題。我的CSS在手機上的UC瀏覽器中無法正常工作，因爲它在其他瀏覽器中可行。如何在UC瀏覽器Mobile上垂直對齊輸入元素的佔位符？

我想在中心垂直對齊佔位符。但令我驚訝的是，垂直方向似乎有些偏離。

這是我從UC瀏覽器

這裏拿了截圖年代鏈接到我的小提琴Open in UC browser

這裏的鏈接，以UC瀏覽器：UC Browser Android

我已經申請以下css

.date-input {  
 
    padding: 8px 30px 8px 36px; 
 
    font-size: 14px; 
 
    line-height: 19px; 
 
    font-weight: 400; 
 
}

<input type="text" class="date-input" placeholder="Hello World">

請幫助

2017-04-25 Rickie

我認爲你可以使用填充調整。 – athi

@athimohan我在UC瀏覽器上檢查了它的Facebook網站，它顯示了登錄輸入文本字段的相同內容。 :( – Rickie

嘗試使用'em'設置你的行高。 – snkv

只需使用EM代替像素...

.date-input {  
    font-size: 1em; 
    font-weight: 400; 
    line-height: 1.35em; 
    outline: none; 
    padding: 0.57em; 
}

2017-04-25 13:52:51 Jagmeet

我希望它能幫助你我的朋友:-) – Jagmeet

回答