Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal estou com o seguinte problema, utilizo o CSS para arredondar cantos de meus inputs, o problema ocorre no IE que apesar de arredondar ele deixa o campo grande quadrado por cima, alguém sugere alguma solução?
Css:
.rounded { border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;border-radius: 8px; padding: 4px 7px; outline: 0;behavior:url(border-radius.htc); }
.rounded:focus { border-color: #339933; }
O IE interpreta o tamanho da fonte diferente de outros navegadores e o espaçamento também.
Conselho:
Crie um tamanho fixo para o seu input: Ex: height: 30px; isso faz com que ele fique do mesmo tamanho em todos os navegadores.
Não esqueça tbm de centralizar o texto que fica dentro do input com a propriedade line-height. Ex: line-height: 30px;
Espero ter ajudado.
Talvez a melhor solução seja utilizar .HTC
Leia : http://www.marcelotorresweb.com/usando-border-radius-no-ie/