需要定製的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; 
}