[Ovillo] borde negro en IE sobre inputs de form
sebastian garcia-valenciano
sebastian en garcia-valenciano.net
Lun Ene 26 14:51:25 UTC 2009
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
Más información sobre la lista de distribución Ovillo