Używam następujących css w mojej sekcji formularza.

CSS

.username input{
 background-color: #FFFFFF;
 border: 2px solid #DDDDDD;
 border-radius: 5px 5px 5px 5px;
 color: #9E9E9E;
 height: 30px;
 width: 330px;
 padding:0px 10px 0px 0px;
 padding-left:10px;
 margin:15px 0px 0px 0px;
 line-height:30px;
}

Działa dobrze we wszystkich przeglądarkach. Ale w Chrome kursor jest wyświetlany na tej samej wysokości znacznika wejściowego. Znalazłem rozwiązanie, jeśli usunęline-height wyświetla się tak, jak chcę. Ale w IE wartości znajdują się na szczycie pola. Potrzebuję rozwiązania tego problemu.

Proszę zobaczyćmoje skrzypce. [To nie jest dobre w chromie]