jQuery Date Picker ist größer als die Vorschauseite

Question

Ich versuche, das jQuery-Kalender-Tool zu testen, aber es scheint zu groß zu sein , größer als die Vorschauseite .

Irgendwelche Ideen?

Danke!

Answer 1

Ändern Sie in der css-Datei die Schriftgröße, z. B. lautet meine css-Datei

/css/smoothness/jquery-ui-1.8.1.custom.css

und ich änderte

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

à

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.7em;
}

Answer 2

Ich bin auf das gleiche Problem gestoßen. Ich musste die Schriftgrößen in den benutzerdefinierten CSS auf etwas anderes als 1,25em ändern. Ich glaube, dass ich klein verwendet, wie das war, was ich anderswo in meiner App verwendet.

Beim Durchsuchen der Seite in FireFox, war ich in der Lage, die gesamte Kalender-Steuerelement in FireBug zu inspizieren und ändern Sie die Schriftgröße auf Medium (ich glaube, vielleicht klein) und es perfekt an diesem Punkt gerendert. Ich ging einfach in die UI-CSS und änderte es dauerhaft und seitdem keine Beschwerden.

Überprüfen Sie mein Beitrag hier ...

Answer 3

Oder fügen Sie einfach diese css-Zeile hinzu:

#ui-datepicker-div {
    font-size:12px !important;
}

Answer 4

Sie können verwenden Firebug's Inspektionsfunktion um einen der Werte auszuwählen, und Sie werden sehen, welche Stylesheets die Größe der Schrift festlegen. Dann können Sie sie nach Ihren Bedürfnissen ändern.

Answer 5

Dies hat etwas mit den CSS-Stile zu tun, die Jquery verwendet (Dies ist mit jeder anderen Antwort über die CSS binden), vor allem die Schriftgröße in em im Vergleich zu px - ich denke, es versucht, Stile von der Seite selbst, oder so etwas zu erben.

Für mich bestand die Lösung darin, die Schriftgröße der ui-widget css-Klasse auf 11px zu ändern, was zu der folgenden css-Klasse führte:

.ui-widget {
-x-system-font:none;
font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
**font-size:11px;**
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}