I controlli IH6 e Ie7 XHTML rigorosi del modulo di input hanno un'enorme imbottitura

Question

Sto usando i controlli di invio nella mia pagina web

 <input type="submit" name="BtnSearch" value="Search" id="btnSearch" title="Search" />

Anche quando spengo i CSS ottengo un grande divario prima dell'inizio e dopo la fine del testo del mio pulsante. I miei pulsanti sono anche più grandi di quello che voglio. C'è un modo per modellare i pulsanti in IE6 e 7 per renderli più compatti?

Answer 1

Imposta overflow su visible:

input {
    overflow: visible;
}

E quindi imposta il padding su qualunque cosa tu voglia che sia.

La maggior parte dello stile specifico del browser viene eseguito con il bordo: impostare la larghezza del bordo su 0 se si desidera un pulsante quadrato semplice.

Answer 2

Potresti provare a modellare in questo modo:

input [type="submit"] {
    padding: 0;
    border: 0;
}

o aggiungi semplicemente una classe al tuo pulsante e aggiungi le regole di stile per quella classe.