¿Por qué no funciona text-indent cuando su contenedor tiene un: before /: after pseudo-element? (FX/Opera)

Se metió en esta peculiaridad hoy.¿Por qué no funciona text-indent cuando su contenedor tiene un: before /: after pseudo-element? (FX/Opera)

http://jsfiddle.net/UJAjD/3/

Se dará cuenta de que en Firefox y Opera 7, la caja gris tiene la palabra "Siguiente" en ella. El CSS incluye una propiedad de sangría de texto que debe mover ese texto fuera de su contenedor. Ver esta página en IE o Chrome lo muestra de la manera que debería. Al menos, de la manera que crees que debería mostrarse.

¿Es este un error conocido? ¿Hay alguna solución?

Fuente

2011-10-05 jkupczak

El problema no lo hace parecen estar relacionados con los pseudo-elementos, esto se comporta exactamente igual: http://jsfiddle.net/UJAjD/4/ – thirtydot

Es cierto, por lo que parece que es como Boris se menciona a continuación. Gracias. – jkupczak

Según la especificación, el texto en sangría afecta al texto en el cuadro de la primera línea del bloque.

El problema es que la especificación en realidad no deja claro si el cuadro de primera línea en este caso contiene el bloque o el texto, y diferentes UA interpretar la especificación diferente ...

Fuente

2011-10-05 17:50:19

tiene sentido. Tomando esto en consideración todo lo que tengo que hacer es cambiar: antes de: después para que ya no sea la primera línea. Gracias. – jkupczak

¿Por qué no funciona text-indent cuando su contenedor tiene un: before /: after pseudo-element? (FX/Opera)

Respuesta

Cuestiones relacionadas