2010-05-18 19 views
13

próbuję dodać datepicker do mojej aplikacji symfony i mam go działa, ale rozmiar datepicker jest około 3 razy większy niż normalnie (na stronie demo). Nie edytowałem żadnego CSS, użyłem tylko domyślnego motywu ui lightness bez modyfikacji.jquery ui datepicker rozmiar czcionki jest ogromny

Czy ktoś ma pojęcie, dlaczego rozmiar jest tak duży?

CSS:

http://paste2.org/p/835414

trudne Wątpię, że będzie bardzo przydatna.

Odpowiedz

39

Modyfikuj font-size w klasie .ui-widget. Zmień go z 1.1em (aktualna wartość) na mniejszą, np. 1em lub 0.9em. Lub po prostu użyj rozmiaru statycznego, takiego jak 12px, ale nie jest to zalecane.

+0

geniusz! Ale dlaczego czcionka byłaby o wiele większa? Nie edytowałem niczego w CSS po prostu pobrałem go ze strony jquery UI ... – iggnition

+10

To dlatego, że czcionka została określona w 'em', która jest zależna od kontekstu. Na przykład, jeśli masz 'font-size: 14px' na swoim' body', a następnie na 'div' masz' 1em', to 'div' będzie w zasadzie' 14px'. Jeśli na 'div' masz' 0.8em', będzie on mniejszy. Jeśli wtedy zmienisz 'body' na' 12px', 'div' będzie jeszcze mniejsze. Zasadniczo, 'em' jest jak stosunek ('% ') gdzie' 1em == 100% '(jeśli się mylę, ktoś mnie poprawi). – Felix

+1

które mogą być oczywiste dla większości, ale musisz dodać! Ważne do CSS, aby nadpisał ten z JQuery UI. Wstawiam mój CSS: .ui-widget {font-size: 0.8em! Important; } - nie zadziałałoby bez ważnego! –