我是否可以在不破坏其他UI组件样式的情况下删除整个jQuery 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 only ..

#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样式.

关于datepicker,只要你确保上面定义的样式没有在包含内容的div中使用你应该没问题,大多数类的前缀是“.ui-datepicker-”或“.ui-tabs-”无论如何所以他们不应该干涉..