JQuery UI Tabs Größe

Question

Ich habe ein Problem mit der Tab-Größe in Jquery UI, sie sind RIESIG .. ich änderte ein bisschen die css aber kann nicht finden, die propper id/Klasse, um es zu beheben .. :(

und der Text innerhalb des Tabs ändert sich auch in der Größe :S wie immer, jede Änderung ist willkommen Danke!

Answer 1

Die Änderung der .ui-tabs jquery ui theme Klasse um die font-size Eigenschaft wird dies beheben.

Answer 2

Die Textgröße ist standardmäßig in .ui-helper-reset definiert, kann aber durch das CSS des aktiven Themes überschrieben werden. Im Zweifelsfall rufen Sie Firebug auf und verwenden Sie die Schaltfläche Inspect, um die CSS-Definitionen für das betreffende Element zu ermitteln.

Answer 3

Ich benutze body {font-size:62.5%;}

Answer 4

Ich hoffe, diese Frage ist ähnlich wie die Frage in Verkleinerung der Höhe von Jquery Ui Tabs ..

Von dort habe ich diese Informationen gefunden, die für Sie nützlich sind.

.ui-tabs .ui-tabs-nav li {height: 25px; font-size:12px; }

Answer 5

Ändern Sie einfach die Eigenschaft padding für li a Element

d.h. standardmäßig die Eigenschaft padding für li a { padding:0.5em 1em;} Sie können die obige Eigenschaft entsprechend Ihren Anforderungen überschreiben.