Botón de imagen en: Strange Space

StackOverflow https://stackoverflow.com/questions/3912731

  •  29-09-2019
  •  | 
  •  

Pregunta

En primer lugar el resultado en Firefox 4 Beta 8:

Botón vs Div http://b.imagehost.org/0419/buttonSpace.png

El primer elemento que se muestra es un button con un img el último es un div con un img. Como se puede ver en el primer caso existe alguna extraña espacio entre el borde de la img y la frontera de la button. Me pregunto cómo puedo eliminarlo.

A continuación, el archivo CSS: 

* {
    margin: 0;
    padding: 0;
}

button, img, div {
    border: 1px solid black;
}

img {
    display: block;
}
¿Fue útil?

Solución

Prueba del caso de prueba anteriormente en otros navegadores ha demostrado que esto probablemente no es un problema de CSS, pero un error en Firefox. Después de un poco de la investigación me encontré con este informe de error: Bug 140563 - <button> padding:0 ignora estilo CSS

En ese informe de error no es una solución para el problema: 

button::-moz-focus-inner {padding:0; border:0}

Otros consejos

Yo creo que hay que establecer un width para la div

Parece que la padding que está pidiendo que no se está aplicando. ¿Usted ha intentado establecer de manera explícita en el botón?

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top