Padding nos botões input
Postado por: Pedro Rogério emNão sei por que o IE faz isso nos botões input, mas vocês já repararam que todo botão input no IE, ele coloca um padding enorme entre o texto e as laterais do botão, experimentem abrir essa página de exemplo no IE e depois abram em um outro browser Standard Compliant para vocês verem a diferença.
Existe uma maneira bem simples de corrigir isso, basta adicionar um overflow:visible; ao botão que esse bug é corrigido, e depois é só aplicar um padding para as laterais esquerda e direita, dêem agora uma olhada para ver como ficou, simples não?. Eu vi essa dica em um site a um bom tempo atrás, mas no momento não lembro o endereço do site, então, se alguém souber, me passe que eu coloco aqui os devidos créditos.
Random Posts
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Bacana a dica…
Dae Pedro, eu coloquei uma dica igual a esta no forum do tableless.com.br. Não sei se foi aí que você viu mas eu tive este problema e até chegar a esta simples solução deu pano para a manga hehehe.
O link é http://tableless.com.br/forum/viewtopic.php?t=3677
Boa dica!
@Ramon,
Foi em um site em espanhol que eu vi essa dica, pior que agora não lembro o endereço!!!!
Muito bom hein!
Sempre sofro com o IE (eu e a humanidade!) em relação aos inputs, minha solução era deixar apenas os paddings das laterais :/
Vou testar sua dica ;-)
Exelente, dessa eu não sabia, e eu aqui me matando definindo a largura de cada botão =/
Vlwwwww =D
Muito útiiiiiil… thanksss!!!