2010-05-18 16 views
13

Estoy tratando de agregar un datepicker a mi aplicación symfony y lo tengo funcionando, pero el tamaño del datepicker es aproximadamente 3 veces más grande que lo normal (en la página de demostración). No he editado ningún CSS, solo utilicé el tema predeterminado de ligereza ui sin modificaciones.jquery ui datepicker tamaño de letra es enorme

¿Alguien tiene alguna idea de por qué el tamaño es tan grande?

CSS:

http://paste2.org/p/835414

dura i duda de que va a ser muy útil.

Respuesta

39

Modificar font-size en la clase .ui-widget. Cámbielo de 1.1em (el valor actual) a algo menos, como 1em o 0.9em. O simplemente use un tamaño estático, como 12px, pero eso no es recomendable.

+0

genius! ¿Pero por qué la fuente sería mucho más grande? No edité nada en CSS, solo lo descargué del sitio web de la IU de jquery ... – iggnition

+10

Es porque la fuente se especificó en 'em', que depende del contexto. Por ejemplo, si tiene 'font-size: 14px' en su' body' y luego en 'div' tiene' 1em', ese 'div' básicamente será' 14px'. Si, en el 'div', tiene' 0.8em', será más pequeño. Si luego cambias 'body' a' 12px', el 'div' será aún más pequeño. Básicamente, 'em' es como una relación ('% ') donde' 1em == 100% '(si me equivoco, alguien me corrige). – Felix

+1

que puede ser obvio para la mayoría, pero tiene que agregar! Importante para el CSS para que anule el de la interfaz de usuario de jquery. Puse mi CSS: .ui-widget {font-size: 0.8em! Important; } - no funcionaría sin la! importante. –