NNL: Text in <input> vertikal zentrieren

Beitrag lesen

Guten Tag!

Wir haben hier ein widerspenstiges kleines <input> in einem <td> vor uns, welches dieses komplett ausfüllen soll, dennoch aber den eingegebenen Text vertikal zentriert anzeigen soll, dies aber nicht tut.

Versucht habe ich bereits folgendes:

  
td  
{  
 border: 1px solid #000;  
 height: 2em;  
}  
td input, td select  
{  
 line-height: 2em;  
 width: 100%;  
 height: 100%;  
 background-color: #CCC;  
 vertical-align: middle;  
}  

Für eine mögliche Lösung wären euch sehr dankbar,
N, N und L