从jquery-ui.css中取消激活选项卡css

我正在使用Jquery UI，我需要用于日期选择器和按钮集的Jquery-UI.css。但是，我也在站点中使用jquery选项卡

我已经在我自己的css文件夹（不是jquery ui.css）的选项卡中添加了自定义样式，但是当我添加jquery-ui.css时，它会在我的选项卡中添加许多其他样式，这看起来非常糟糕

我想知道有没有办法从jquery-ui.css中删除选项卡样式

如果有帮助，这是我的选项卡的html和样式：

<ul id="product_tabs_list"><li><a href="#description">Description</a></li><li><a href="#features">Features</a></li><li><a href="#specifications">Specifications</a></li><li><a href="#technical">Technical</a></li><div class="clr"></div></ul>


   #product_tabs_list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
padding: 11px 5px;
text-align: center;
   }

   #product_tabs_list li {
float: left;
   }

   #product_tabs_list li a {
background: #fff; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eaeaea)) no-repeat; 
background: -webkit-linear-gradient(#fff, #eaeaea) no-repeat; 
background: -moz-linear-gradient(#fff, #eaeaea) no-repeat; 
background: -ms-linear-gradient(#fff, #eaeaea) no-repeat; 
background: -o-linear-gradient(#fff, #eaeaea) no-repeat; 
background: linear-gradient(#fff, #eaeaea) no-repeat; 
border: 1px solid #cfcfcf; 
color: #3463a0;
font-weight: bold;
padding: 10px 20px; 
-webkit-text-shadow: 1px 1px 1px #fff;
-moz-text-shadow: 1px 1px 1px #fff;
text-shadow: 0px 1px 1px #fff;
   }

   #product_tabs_list li a:hover {
background: #fff;
   }

    #product_tabs_list li.ui-tabs-active a {
background: #3463a0; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3463a0), to(#233f64)) no-repeat; 
background: -webkit-linear-gradient(#3463a0, #233f64) no-repeat; 
background: -moz-linear-gradient(#3463a0, #233f64) no-repeat; 
background: -ms-linear-gradient(#3463a0, #233f64) no-repeat; 
background: -o-linear-gradient(#3463a0, #233f64) no-repeat; 
background: linear-gradient(#3463a0, #233f64) no-repeat; 
color: #fff; 
-webkit-text-shadow: 1px 1px 1px #00204b;
-moz-text-shadow: 1px 1px 1px #00204b;
text-shadow: 0px 1px 1px #00204b;
   }

#产品标签列表{
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
边缘底部：10px；
填充：11px 5px；
文本对齐：居中；
}
#产品标签列表{
浮动：左；
}
#产品标签列表LIA{
背景：#fff；
背景：-webkit梯度（线性，0，0底部，从（#fff）到（#eaeaea））无重复；
背景：-webkit线性梯度（#fff，#EAEA）无重复；
背景：-moz线性梯度（#fff，#eaeaea）无重复；
背景：-ms线性梯度（#fff，#EAEA）无重复；
背景：-o-线性梯度（#fff，#eaeaea）无重复；
背景：线性梯度（#fff，#eaeaea）无重复；
边框：1px实心#cfcfcf；
颜色：#3463a0；
字体大小：粗体；
填充：10px 20px；
-webkit文本阴影：1px 1px 1px#fff；
-moz文本阴影：1px 1px 1px#fff；
文本阴影：0px 1px 1px#fff；
}
#产品标签列表李a：悬停{
背景：#fff；
}
#产品选项卡列表li.ui-tabs-active a{
背景#3463a0；
背景：-webkit梯度（线性，0，0底部，从（#3463a0）到（#233f64））无重复；
背景：-webkit线性梯度（#3463a0，#233f64）无重复；
背景：-莫兹线性梯度（#3463a0，#233f64）无重复；
背景：-ms线性梯度（#3463a0，#233f64）无重复；
背景：-o-线性梯度（#3463a0，#233f64）无重复；
背景：线性梯度（#3463a0，#233f64）无重复；
颜色：#fff；
-webkit文本阴影：1px 1px 1px#00204b；
-moz文本阴影：1px 1px 1px#00204b；
文本阴影：0px 1px 1px#00204b；
}

jquery ui下载页面允许您构建自定义包。你可以选择包含哪些元素。这是关于js文件的，我说的是cssfile@Rooster这是对的。当您在自定义下载页面上选择datepicker和button时，您会注意到附带的

css

文件只包含datepicker和buttonset的css规则（以及一些其他内容，如图标），但没有用于选项卡的css。它仍然将选项卡设置为

背景样式。我想我必须手动编辑jquery css，如何编辑选项卡？尝试设置样式以显示：无；？