[Ovillo] Cosita rara con botones input

Alvarez Laurnaga, Jose Antonio JALVAREZ en softwareag.es
Jue Mar 13 15:42:09 UTC 2008


> >Me referia en tu hoja de estilos añadiro el ancho (width) y alto (height) con el
> >tamaño en pixeles deseado de esta manera:
> >
> >input  { color: #fff; background-color: #f00 !important; border: 5px solid #000
> >!important; background-image: url(fondo_botones.png); width: Xpx; height: Xpx;
> >background-repeat: repeat-x; background-position: top; padding: 10px;}


Nope, no es un problema de tamaño. Simplemente IE pone un borde de un pixel al input type="submit" e input type="button" por dentro del borde CSS (si lo hay) del mismo color que el background-color (default blanco). 
Así que si ponemos por CSS una imagen de fondo al imput pues se nota ese borde extra y si sólo empleamos background-color no es visible.
Como dije antes yo hasta ahora no he encontrado solución por más que he buscado. Todo lo más se puede disimular poniendo un background-color semejante a la tonalidad de la imagen de fondo del botón.


Más información sobre la lista de distribución Ovillo