Me he dado cuenta que en IE 7 y Opera 9.5 cuando a un <input type="submit"> o <button> se le aplica una imagen de fondo, aparece un borde negro de 1px alrededor del botón. Lo curioso es que el borde aparece no sólo cuando el "focus" se encuentra no sólo sobre él, sino sobre cualquier input del formulario.
podeis probar el siguiente código en IE 7 y ver cómo aparece el borde negro. http://pastebin.com/m3ca933c5 Sólo ocurre cuando tiene una imagen de fondo. Al quitarsela desaparece el extraño borde. He investigado un poco, y un posible solución es NO darle una imagen de fondo al botón, sino aplicar la imagen de fondo a un <span> que contenga el botón, como en este ejemplo: http://pastebin.com/m32dfe5ab Si comprobais este último ejemplo, el borde negro ya no aparece. Pero claro, ya no me parece un código tan limpio, y tienes que añadir más código CSS para conseguir el mismo efecto... ¿os ha surgido alguna vez este problema? gracias de antemano sebas _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
