Alinear contenido de option cuando el select tiene una altura mayor a font-size

[orharo2003]

Como hacer algo similar en los select a : https://signup.live.com/signup.aspx?...lc=21514&lic=1

ya intente poniendo :

<select style="line-height:40px;font-size:20px">

pero no consigo poner en medio el texto del option, se va siempre hasta abajo, ¿ alguien ha hecho algo similar ?

[ArturoGallegos]

por experiencia primero se declara el tamaño de la fuente y después el line-height
no estoy del todo seguro porque pero si lo haces a la inversa como lo has puesto tu, el line-height se anula y solo respeta el tamaño de letra y la manda hasta abajo


yo suelo declarar

Código CSS:

input{font-size:12px;line-height:28px;}
 

o igual si necesito también el tipo de letra

Código CSS:

input{font:italic 400 12px/28px georgia,thaoma,arial;}
 

como puedes ver puedo declarar múltiples valores directamente en la propiedad font, mucho mas practico, fácil de usar y escribo menos código.

[orharo2003]

Gracias por responder,

Fijate que lo habia intentado asi pero nada como que el line-height lo ignora, sin embargo si pongo height funciona bien, pero el contenido del option se va hasta abajo.

[ArturoGallegos]

posiblemente tengas conflicto con alguna otra regla CSS

has la prueba con un documento en blanco y coloca solo un input de texto en el body y en tu css coloca

Código CSS:

input[type="text"]{height:58px;width:250px;font:italic 400 12px/58px georgia,thaoma,arial;border:1px #ccc solid;}
 

y veras que se centrado como lo quieres.

Puedes usar firebug para ver que estilos están afectando a los input y detectar con cual esta creando conflicto.