javascript - 从 jqueryUI 自定义或覆盖 css

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>

我希望它以另一种方式显示，选项卡 Pane 填充整个主标题(删除白色间距)，删除圆 Angular 并自定义 css 和颜色。

我对 css 的了解足以应对这种变化，但如果有一种对流、一种方法、一种自定义 jquery ui 样式的通用方法，我有认真的家伙，(我想开发人员通常不使用默认样式，他们有变化)。

有人可以就这个主题指导我吗？

Answer 1

你可以使用 Themeroller创建您需要的特定更改并获取它所需的 css。这可能比尝试手动进行更改更容易。

Themeroller 是 Jquery UI 元素的一部分。