2010-05-18 3 views
13

im пытается добавить datepicker к моему приложению symfony, и я получил его работу, но размер datepicker примерно в 3 раза больше, чем обычно (на демо-странице). Я не редактировал ни один CSS, я просто использовал тему ui lightness по умолчанию без изменений.jquery ui datepicker размер шрифта огромен

Кто-нибудь есть идеи, почему размер взорван настолько большой?

CSS:

http://paste2.org/p/835414

жесткий я сомневаюсь, что будет очень полезно.

ответ

39

Изменить font-size в категории .ui-widget. Измените его с 1.1em (текущее значение) на что-то меньшее, например 1em или 0.9em. Или просто используйте статический размер, например 12px, но это не рекомендуется.

+0

гений! Но почему шрифт будет намного больше? Я ничего не редактировал в CSS, просто загрузил его с веб-сайта jquery UI ... – iggnition

+10

Это потому, что шрифт был указан в 'em', который зависит от контекста. Например, если у вас есть 'font-size: 14px' на вашем' body', а затем на 'div' вы имеете' 1em', то 'div' будет в основном быть' 14px'. Если на 'div' у вас' 0.8em', он будет меньше. Если тогда вы измените 'body' на' 12px', 'div' будет еще меньше. В принципе, 'em' как отношение ('% '), где' 1em == 100% '(если я ошибаюсь, кто-то меня поправит). – Felix

+1

, что может быть очевидно для большинства, но вы должны добавить! Важно для CSS, чтобы он переопределял один из jQuery UI. Я ввел свой CSS: .ui-widget {font-size: 0.8em! Important; } - это не сработает без важности. –