Rimuovi lo stile completo di un pulsante HTML/invia

Question

Esiste un modo per rimuovere completamente lo stile di un pulsante in Internet Explorer? Io uso un css sprite per il mio pulsante, e tutto sembra ok.

Ma quando faccio clic sul pulsante, esso si sposta verso l'alto un po ', lo fa apparire fuori forma. C'è uno stato di click css o mouse? Non so cosa scateni quello stato.

So che non è un grosso problema, ma a volte sono le piccole cose che contano.

Answer 1

Suppongo che quando si dice 'fare clic sul pulsante, si sposta in alto un po' 'si sta parlando dello stato di clic del mouse per il pulsante, e che quando si rilascia il clic del mouse, ritorna al suo stato normale? E che si sta disabilitando il rendering predefinito del pulsante utilizzando:

input, button, submit { border:none; } 

Se così ..

Personalmente, ho trovato che non si può effettivamente fermare/Override/disabilitare questo nativo di IE azione, che mi ha portato a cambiare leggermente il mio markup per consentire questo movimento e non influenzare l'aspetto generale del pulsante per i vari stati.

Questa è la mia ultima mark-up:

<span class="your-button-class"> 
    <span> 
     <input type="Submit" value="View Person"> 
    </span> 
</span> 

Answer 2

provare a rimuovere il confine dal pulsante:

input, button, submit 
{ 
    border:none; 
} 

Answer 3

penso che sia lo stato del pulsante "attiva".

Answer 4

Credo che questo fornisce un approccio più approfondito:

button, input[type="submit"], input[type="reset"] { 
    background: none; 
    color: inherit; 
    border: none; 
    padding: 0; 
    font: inherit; 
    cursor: pointer; 
    outline: inherit; 
}