Problema de representación de texto IE9: se corta la cola

Question

Tengo un problema donde - en el modo estándar IE9 - IE9 representa el texto de tal forma que las colas en letras descendentes - "q, p, y" etc. - desaparecer. He intentado jugar con relleno y otras configuraciones de CSS comunes para ayudar a solucionar esto, pero hasta ahora no he tenido suerte.

¿Quién tiene una idea de lo que podría ser esto?

Answer 1

¿Está utilizando una fuente personalizada (@ font-face) ya que encontramos que a veces cuando se utiliza que en ciertos tamaños sería cortar las colas en el texto, independientemente del line-height

Answer 2

simplemente he tenido este problema usando font: inherit en input. Declaro las fuentes reales que quería (Verdana principalmente) y las colas son visibles de nuevo.

También probado line-height en input -pero eso causó el problema otra vez.

Esto es lo que terminó con:

body, button, input, select, textarea { 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 100%; 
} 
body { 
    line-height: 1.5; 
} 

Answer 3

este ajuste, el line-height: heredar en cuadros de entrada hizo el truco para mí.

input[type="text"], input[type="email"], input[type="password"], { 
    line-height: inherit; /* for i.e. */ 
} 

Answer 4

EDIT: He encontrado esto en un blog. El enlace ya no está en vivo. Dejándolo here en caso de que aparezca de nuevo.

Su como si el texto es un nodo dentro de la entrada y la línea de altura se ha establecido en ese elemento interior, con el elemento que rodea recorte el texto desbordante.

La solución es simple, establezca la línea de altura para ser “1” (sin unidades)