Centrare il testo (verticalmente) all'interno di una casella di testo utilizzando i CSS

Question

Attualmente sto lavorando con una casella di testo che ha uno sfondo. Mi stavo chiedendo se è possibile centrare il testo (verticalmente) all'interno della casella di testo.

importante: è perfettamente centrato in firefox. Solo IE lo scrive troppo alto per qualche motivo. Ho provato l'altezza della linea, il riempimento e il margine. Niente funziona. Qualche idea?

MODIFICA: questo è il mio attuale CSS. Devo dire che ho provato il metodo margin-top e non ha funzionato per me. Inoltre, come ho detto, questo è solo per IE. Ho fogli di stile specifici di IE quindi nessun problema.

.textValue { color: black; font-size: 12px; font-family: David, sans-serif; } 
input { width: 110px; padding: 0 2px; padding-right: 4px; height: 20px; border: solid 1px white; margin-bottom: 0px; background: url(../images/contactTextBg.png) no-repeat top right; } 
label { float: right; margin-left: 5px; font-size: 13px; } 

Per IE, ho il seguente:

.textValue { font-size: 14px; } 

come per HTML:

  <tr> 
       <td><label for="name">name</label></td> 
       <td><input type="text" name="name" id="name" class="textValue" value="" /></td> 
      </tr> 

Grazie, Amit

Answer 1

Mi chiedo come si è in grado di allineare il testo in una casella di testo ma, come dici tu, ecco il suggerimento:

Per idiota IE, è possibile utilizzare questo hack specifica IE:

margin-top:50px; /* for standard-compliant browsers */ 
*margin-top:50px; /* for idiot IE */ 
_margin-top:50px; /* for idiot IE */ 

Si potrebbe desiderare di provare altre proprietà simili, se si vuole, piuttosto che margin-top.

Answer 2

Hai provato ?:

input {vertical-align: middle;} 

Answer 3

So che questo è un po 'vecchio, ma ho appena incontrato lo stesso problema. La soluzione qui fornita non mi aiutava, il che sembrava strano. Nel mio caso era l'altezza della linea impostata su "1em". Cambiare l'altezza della linea in qualcosa che somigliava all'altezza della casella di testo, piuttosto che la dimensione del carattere che conteneva era la soluzione. Anche questo continua a funzionare come previsto in Firefox, ecc.