需要定制的jQuery标签的CSS

Question

嗨在这里，我已经使用jQuery的标签，然后我的输出类似

，我需要得到像（需要删除下列选定的耳线）

我的代码是这样

CSS：

<script type="text/css"> 
    body { 
     background-color: #eef;  
    } 
    #tabs { 
     width: 95%; 
     margin-left: auto; 
     margin-right: auto; 
     margin-top: 10px; 
    } 
</script> 

布局：

<div id="tabs" style="min-height:200px;"> 
      <ul> 
       <li><a href="#mission">Mission</a></li> 
       <li><a href="#vision">Vision</a></li> 
       <li><a href="#noticeBoard">Notice Board</a></li> 
      </ul> 
      <div id="mission"> 
       <p>${homePage.mission}</p> 
      </div> 
      <div id="vision"> 
       <p>${homePage.vision}</p> 
      </div> 
      <div id="noticeBoard"> 
      </div> 
     </div> 

JS：

$（ “＃选项卡”）的选项卡（）;

任何人可以帮助我做这个

Answer 1

也许你已经更改了默认的CSS中的某一点，因为默认情况下是这样的标签的风格。勾选此Demo Fiddle

隐藏在底边框的活动标签的风格是这样的：

.ui-tabs .ui-tabs-nav li.ui-tabs-active { 
    margin-bottom: -1px; padding-bottom: 1px; 
}