如何设置jQuery UI自动完成的样式与jQuery UI选项卡的样式不同？

我正在使用两个jQueryUI小部件，自动完成和选项卡

它们分别在

jquery.ui.autocomplete.css和
jquery.ui.tabs.css
中有自己的样式表，但是它们在
jquery.ui.theme.css
中共享许多样式。当我更改
jquery.ui.theme.css中的样式时，它会影响自动完成和选项卡。如何自定义自动完成和选项卡的不同样式

我想更改的一件事是自动完成的背景悬停效果上的圆形边缘。正确的.css更改是

.ui角点全部、.ui角点顶部、.ui角点左侧、.ui角点tl{
-moz边框左上角半径：0px；-webkit边框左上角半径：0px；-khtml边框左上角半径：0px；边框左上角半径：0px；}

然而，我希望标签是四舍五入。因此，我要做的更改是将半径从
0px
更改为
5px
放置要自定义的样式，例如在头部部分，如下所示：

#我的制表符.ui角点全部、#我的制表符.ui角点顶部、#我的制表符.ui角点左侧、#我的制表符.ui角点tl{-moz边框半径上左：0px；-webkit边框左上半径：0px；-khtml边框左上半径：0px；边框左上半径：0px；}

my tab
是您的jquery ui选项卡div id

编辑：

从

您的红色html格式如下所示：

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
   <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>

谢谢，你有没有什么建议，可以按照你建议的标签方式自定义“自动完成”菜单？“自动完成”菜单没有id属性，并且菜单是动态生成的，因此我在这里遇到了一些困难。只需将style=''放入标记中，这将覆盖任何内容
#ui-tabs .ui-tabs-nav>li a { color: red !important }