0

我正在使用 Jquery UI，我需要用于 datepicker 和 buttonset 的 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;
   }
4

0 回答 0