Tengo problemas para alinear verticalmente el texto en un campo de entrada en Internet Explorer.Verticalmente centre el texto en la entrada de texto en Internet Explorer
que tengo:
input#search {
float:left;
font-size:11px;
height:20px;
margin:0;
padding-left:4px;
width:100px;
}
En Firefox y Chrome, que parece ser automáticamente verticales alineadas, sin embargo en Internet Explorer no lo es.
Usted puede utilizar IE comentarios condicionales como esto:
<!--[if IE]>
input#search{
padding-top:3px; /* adjust value */
}
<![endif]-->
Configuración line-height:1 podría mitigar la alineación vertical y un poco de padding:.15em debe añadir un poco de espacio para respirar a los campos también.
Simplemente configure la altura y la altura de línea para el objeto de entrada y funciona bien (es decir, 7+).
input { border: 0; font-size: 0.8em; height: 32px; line-height: 32px;}
gl Paulo Bueno
Siempre se trata de la altura de la línea :) – robertp
Mejor solución de navegador cruzado imo. –
gracias esta es la solución –
Sólo definir line-height y height para un cuadro de texto con el mismo valor. Se tendrá cuidado
Compruebe el div principal. Si está vacío, debe agregar contenido (&nbps;) para que el explorador calcule la altura correctamente.
Tengo el mismo problema y cambiar la altura de entrada y la altura de línea no tiene ningún efecto en nada. – Evans