Ich verwende folgende CSS in meinem Formularabschnitt.

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;
}

Es funktioniert gut in allen Browsern. In Chrome wird der Cursor jedoch in der gleichen Höhe des Eingabe-Tags angezeigt. Ich habe die Lösung gefunden, wenn ich die entferneline-height es wird so angezeigt, wie ich es möchte. Im IE stehen die Werte jedoch ganz oben auf dem Feld. Ich brauche die Lösung für dieses Problem.

Bitte sehen Sie sich ... anmeine Geige. [Es ist nicht gut in Chrom]