Question

我正在使用Jquery UI，我需要jquery-ui.css用于datepicker和buttonset。但是，我也在网站中使用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;
   }

从jquery-ui.css中取消激活tabs css

0 个答案: