Как получить четкие, четкие и тонкие элементы jqueryUI GUI?

Question

Мне нравится иметь тонкие размеры кнопок и размеры бара, но когда я использую jQueryUI, я получаю толстые полосы (панель заголовка и т. Д.) И толстые закругленные кнопки.

так:

Как я могу иметь кнопки и название/панель вкладок тонкие, прямоугольные и четкие?

так:

Answer 1

У вас есть два основных варианта создания пользовательской темы.

Первый должен прочитать documentation for the jQuery UI CSS framework. Есть только несколько классов, о которых можно узнать; структура очень упрощена, но разработана таким образом, что эти несколько классов будут влиять на каждый отдельный виджет в пользовательском интерфейсе jQuery.

Второй вариант - перейти к jQuery UI ThemeRoller и визуально создать тему, а затем загрузить ее. Это всего лишь графический интерфейс, который будет настраивать классы из CSS Framework, указанных выше.

Для вещей, которые влияют на размеры, такие как отступы и край, вам нужно будет заглянуть в индивидуальный стиль виджета. Вы можете увидеть классы для каждого виджета в документации API. Например, вот theming information for tabs. Для изменений в отдельных классах виджета я бы рекомендовал оставить только существующий CSS и написать новые правила, чтобы переопределить встроенные параметры. Это даст вам чистый путь обновления.