Comment aligner verticalement un espace réservé pour un élément d'entrée sur le navigateur UC Mobile?

Question

Ma question est spécifique au navigateur. Mon css ne fonctionne pas dans UC Browser sur mobile aussi bien que cela fonctionne dans d'autres navigateurs.

Je souhaite aligner l'espace réservé verticalement au centre. Mais à ma grande surprise, l'alignement vertical semble être un peu loin.

Voici la capture d'écran j'ai pris du navigateur UC

Voici le lien vers mon violon Open in UC browser

Voici le lien vers le navigateur UC: UC Browser Android

UC Browser for Ios

J'ai appliqué le css suivant

.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">

Veuillez aider

Answer 1

utiliser Juste em au lieu de pixels ...

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