Eliminar el diseño completo de un botón HTML/enviar

Question

¿Hay alguna manera de eliminar por completo el diseño de un botón en Internet Explorer? Uso un sprite css para mi botón, y todo se ve bien.

Pero cuando hago clic en el botón, se mueve un poco hacia la parte superior, lo hace parecer fuera de forma. ¿Hay un estado de clic de css o mousedown? No sé qué desencadena ese estado.

Sé que no es un gran problema, pero a veces son las cosas pequeñas las que importan.

Answer 1

Supongo que cuando diga 'haga clic en el botón, se moverá a la parte superior un poco' usted está hablando sobre el botón de clic del mouse y que cuando suelte el mouse, haga clic vuelve a su estado normal? Y que está desactivando la representación predeterminada del botón mediante:

input, button, submit { border:none; } 

Si es así ..

Personalmente, he encontrado que la realidad no se puede detener/anulación/desactivar este nativo de IE acción, lo que me llevó a cambiar mi marcado un poco para permitir este movimiento y no afectar el aspecto general del botón para los distintos estados.

Este es mi último mark-up:

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

Answer 2

intente eliminar el límite de su botón:

input, button, submit 
{ 
    border:none; 
} 

Answer 3

creo que es el estado del botón "activa".

Answer 4

Creo que esto proporciona un enfoque más a fondo:

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