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

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

$("#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 类。 您可以为例如的孩子重置它们仅#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-”为前缀无论如何，所以他们不应该干涉..