Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Tomasi

[Resolvido] Alinhar texto dentro de input

Recommended Posts

Olá,

 

Possuo um input com altura de 27px, logo, ao eu inserir algum texto nesse input ele fica em cima e no canto esquerdo. Gostaria de centralizá-lo na vertical, como isso pode ser feito?

 

Eu já tentei com line-height e funcionou apenas no IE7, mas preciso que funcione também no FireFox.

 

Desde já,

Obrigado pela sua atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

É, realmente a propriedade line-height em inputs não funcionam como deveriam. O que você pode fazer é controlar com o padding:

input {
	width:144px;
	height:26px;
	padding:3px;
}
Testei nos IEs 6 e 7, no Firefox e no Opera, e em todos eles ficou igualzinho! :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.