Enviar estilo de botón en IE

Question

Tengo una pregunta sobre el comportamiento del botón de envío de Internet Explorer. Si cargo la página todo está bien, el botón de envío se ve como debería.

Inactive state http://img58.imageshack.us/img58/7214/inactiveci9.jpg

Pero si hago clic en el formulario, el botón de enviar consigue un cierto estilo adicional que no me gusta (véase la imagen para obtener más información).

Active state http://img238.imageshack.us/img238/5282/activeyi0.jpg

¿Cómo puedo desactivar este comportamiento. Estoy usando IE7 bajo Vista.

Answer 1

CSS:

input:focus, 
input:active, 
input:hover 
{ 
    outline: none; 
    border: 1px solid; 
} 

No hay garantías, pero que es supone para detener IE ser estúpida.

Debe extender un poco el estilo anterior, por ejemplo, cambie el color de fondo o el borde para dar un cambio alternativo que indique el enfoque.

(Presiona la tecla Intro, verá que se mueva;), el estilo adicional es un indicador que muestra la acción que se llevará a cabo al presionar ENTER)

Answer 2

He encontrado el mismo comportamiento en IE. Hasta donde yo sé, la única forma de evitar ese comportamiento es establecer la propiedad del borde del botón en ninguna, no es ideal, ya que obviamente afecta el estilo de su botón.

Answer 3

Esto es solo el comportamiento estándar de Windows donde el botón predeterminado es — es decir, el botón que se presiona si se presiona Enter — obtiene un borde ligeramente más grueso.

Answer 4

Esto indica que el botón está enfocado. Es necesario para la navegación con el teclado. No deberías eliminarlo.

Si sin embargo valora el aspecto de su diseño en cuanto a usabilidad y accesibilidad, intente con la propiedad hideFocus (al menos no es tan dañino como blur()).