jquery - 我可以删除 jQuery UI 选项卡的整个样式而不破坏其他 UI 组件的样式吗？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 4 年前。

Improve this question

我想完全自定义 jQuery UI 选项卡而不破坏 jQuery UI 日期选择器的样式？这是可行的还是我应该进行自定义工作而不使用 jQuery UI 选项卡？

Answer 1

$("#mytabs").tabs()

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="mytabs">
   <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
     <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li>
      <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li>
   <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1">
      <p>Tab one content goes here.</p>
   </div>
    ...
</div>

这个例子显示了大多数可能应用的 ui 类。您可以为例如的 child 重置它们仅#mytab..

#mytab.ui-tabs {
    /* reset or overwrite everything you don't like */
}

#mytab li.ui-tabs-selected {
    /* reset or overwrite everything you don't like */
}

...

这不太舒服，但允许您仍然在任何其他元素中使用 jquery ui 样式。

关于日期选择器，只要你确保上面定义的样式没有在保存内容的div中使用，你应该没问题，大多数类都以“.ui-datepicker-”或“.ui-”为前缀tabs-”无论如何，所以他们不应该干扰..