2011-10-01 15 views
6

Sto provando a progettare il mio modulo tramite CSS. Il problema è che ho bisogno di un invio "standard" e di un collegamento ipertestuale che abbia lo stile di un pulsante con CSS.Firefox aggiunge 1px al mio pulsante di invio

mio CSS attualmente sembra che:

form .buttons input[type=submit], form .buttons a { padding: 0; margin: 0; } 
    form .buttons input[type=submit], form .buttons a { font-family: Tahoma, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #565656; } 
    form .buttons input[type=submit] { border: 1px solid black; } 
    form .buttons a { border: 1px solid black; } 

In Firefox ho il problema che c'è un'imbottitura 1px aggiunto intorno al pulsante di invio (come si può vedere nello screenshot).

Firefox CSS problem

C'è una soluzione come posso risolvere questo problema?

+0

Potrebbe essere anche l'altezza della linea. – GolezTrol

risposta

13
input[type="submit"]::-moz-focus-inner { 
    border: 0px; 
    padding: 0px; 
} 
+0

Grazie mille! – mhmpl

1

Provare anche "altezza riga: normale;" ha corretto anche un bug in IE.

Problemi correlati