Настроить или переопределить css из jqueryUI

Question

Ну, я пытаюсь создать веб-макет, который я уже имею в виду. У меня есть заголовок, где я могу создать набор вкладок с помощью jqueryUI. Это очень просто, и у меня уже есть это, я покажу вам скриншот.

HTML, есть:

<div id="header"><div id="headerMenu"><!--headermenu is the tabs div --!> 
    <ul > 
    <li><a href="#tabs-edition">edition</a></li> 
    <li><a href="#tabs-export">export</a></li> 
    <li><a href="#tabs-settings">settings</a></li> 
    </ul> 
    <div id="tabs-edition"> 
    <p>Text</p> 
    </div> 
    <div id="tabs-export"> 
    <p>Text</p> 
    </div> 
    <div id="tabs-settings"> 
    <p>Text.</p> 
    </div> 
</div></div> 

Я хочу, чтобы это выглядит по-другому, Вкладка панель заполняет весь основной заголовок (удаления белого интервала), удалите скругленные углы и настройки CSS и цвет.

Я знаю, что css достаточно для этих изменений, но у меня есть серьезные чуваки, если есть конвекция, метод, общий способ настройки стилей jquery ui (я полагаю, что разработчики вообще не используют стили по умолчанию, и они должны быть изменены).

Кто-нибудь может провести меня по этой теме?

Answer 1

Вы можете использовать Themeroller, чтобы создать определенные изменения, которые вам нужны, и получить требуемый файл css. Вероятно, было бы легче, чем пытаться вносить изменения вручную.

Themeroller является частью проекта JQuery UI.