Alineación vertical incorrecta en IE8

Question

El texto predeterminado en mi cuadro de búsqueda se ve bien en Chrome, FF y Safari (vertical-alinear: medio).

Sin embargo, el texto predeterminado sube a la parte superior del cuadro de búsqueda en IE 8.

¿Hay alguna solución para IE? Gracias por tu ayuda.

HTML:

<input type="text" class="text" value="Search" title="Search" /> 

CSS:

.text { 
    height: 47px; 
    font-size: 18px; 
    margin: 0; 
    padding: 0 5px 0 45px; 
} 

Answer 1

¿Ha intentado fijar la altura de la línea para que coincida con la altura de la caja de texto? El texto debería aparecer automáticamente en el medio de la línea

Answer 2

Especificar la altura de línea hace que el cursor crezca muy alto en Chrome, sugiero usar igual relleno desde arriba/abajo para alinear verticalmente el texto en IE8, funcionará en Chrome/FF/IE8