Gestalten des jQueryUI DatePicker

Question

Ich verwende den jquery datepicker ( http://jqueryui.com/demos/datepicker/ ).

Der Datepicker auf der Demoseite ist klein und kompakt. Wenn ich jedoch die Datumsauswahl auf meiner Website verwende, ist der Kalender riesig. Ich würde schätzen, dass jedes Datum eine Schriftgröße von 12 pt hat.

Wie kann ich erreichen, dass die Tage kleiner werden?

Answer 1

Die Demo-Seiten haben eine ganze Menge zusätzlicher CSS, um zu "reparieren", was in den CSS-Paketen enthalten ist, die nirgends erwähnt werden. Meiner Meinung nach tun sie eine schlechte Arbeit, dies zu erklären, vor allem mit, wie viele Zeit die Standard-CSS verwendet !important.

Außerdem verwendet der ThemeRoller standardmäßig em, was % einer anderswo eingestellten Schrift ist.

Wie auch immer, die Daten sind Links, so dass sie kleiner zu machen, setzen Sie eine Größe für eine etwa 9px.

Hier ist, was ich tun, bevor ich jede Jquery verwenden:

h1 {font-size:10px;}
h2 {font-size:11px;}
h3 {font-size:11px;}
p {font-size:11px;}
a {font-size:11px;}

Answer 2

Haben Sie jquery-ui.css in Ihre CSS-Deklarationen aufgenommen?

Außerdem hat die Beispielseite eine Reihe von Schriftgrößen-Deklarationen in ihrem CSS.

Answer 3

Sie haben eine Schriftgröße von 10pt auf dem Körper. Entfernen Sie, dass in Firebug und youll wahrscheinlich sehen die gleichen Schriftgrößen, die Ihre sehen auf Ihrer Seite.