Eliminar el estilo completo de un botón HTML / enviar

¿Existe alguna forma de eliminar completamente el estilo de un botón en Internet Explorer? Utilizo 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, hace que parezca fuera de forma. ¿Hay un estado de clic CSS o mousedown? No sé qué desencadena ese estado.

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

Supongo que cuando dice ' haga clic en el botón, se mueve un poco hacia la parte superior ', está hablando del estado de clic del mouse hacia abajo para el botón, y que cuando suelta el clic del mouse, vuelve a su estado normal ? Y que está deshabilitando la representación predeterminada del botón usando:

input, button, submit { border:none; } 

Si es así..

Personalmente, descubrí que no se puede detener / anular / deshabilitar esta acción nativa de IE, lo que me llevó a cambiar un poco mi marcado para permitir este movimiento y no afectar el aspecto general del botón para los distintos estados.

Este es mi margen final:

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

Creo que esto proporciona un enfoque más completo:

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

<button>Example</button>

Su pregunta dice "Internet Explorer", pero para aquellos interesados ​​en otros navegadores, ahora puede usar all: unsetbotones para deshacerlos.

No funciona en IE o Edge 18, pero es compatible con todos los demás.

https://caniuse.com/#feat=css-all

Advertencia de color de Safari: configurar el texto colordel botón después de usarlo all: unsetpuede fallar en Safari 13.1, debido a un error en WebKit . (El error se solucionará en Safari 14 y posteriores). " all: unsetSe configura -webkit-text-fill-coloren negro y eso anula el color". Si necesita configurar el texto colordespués de usarlo all: unset, asegúrese de configurar tanto el colorcomo -webkit-text-fill-coloren el mismo color.

Advertencia de accesibilidad: por el bien de los usuarios que no están usando el puntero del mouse, asegúrese de volver a agregar algunos :focusestilos, por ejemplo, button:focus { outline: orange auto 5px }para la accesibilidad del teclado .

Y no lo olvide cursor: pointer. all: unsetelimina todos los estilos, incluido el cursor: pointer, que hace que el cursor del mouse parezca una mano que señala cuando se desplaza sobre el botón. Es casi seguro que quieras recuperar eso.

button {
  all: unset;
  color: blue;
  -webkit-text-fill-color: blue;
  cursor: pointer;
}

button:focus {
  outline: orange 5px auto;
}

<button>check it out</button>

Intente quitar el borde de su botón:

input, button, submit
{
  border:none;
}

En bootstrap 4 es más fácil. Puedes usar las clases: bg-transparentyborder-0

Creo que es el estado del botón "activo".