Как изменить размер шрифта и ширину и высоту вкладок jQuery-UI - PullRequest
Новая
       16

Как изменить размер шрифта и ширину и высоту вкладок jQuery-UI

12 голосов
/ 09 октября 2011

Я использую jQuery-UI для добавления вкладок на мою страницу, после добавления я чувствую, что размер шрифта вкладок, ширина и высота вкладок слишком велики для моей страницы.Я хотел бы изменить размер шрифта, ширину и высоту вкладки.Как это сделать?

Ответы [ 2 ]

23 голосов
/ 09 октября 2011

вам нужно изменить его в классе CSS, как это 

.ui-tabs .ui-tabs-nav li a {font-size:7pt !important;}
2 голосов
/ 09 октября 2011

Перейдите на jQuery UI ThemeRoller и создайте свою собственную тему или измените пресеты.В правой части под «Настройки шрифта» есть возможность изменить размер шрифта.

ThemeRoller Font Settings

Что касается размера вкладок, посмотрите на файл CSS, который поставляется с пакетом jQuery UI, который вы скачали.Найдите селектор для вкладок пользовательского интерфейса jQuery и измените свойство заполнения: 

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
...