Angularjs UI Bootstrap：如何修改uib-tab CSS

Question

我正在使用UI Bootstrap選項卡，我想更改某些組件的CSS，但不確定如何訪問不同的元素。

我想要更改的元素是活動選項卡的文本，非活動選項卡的文本以及兩者的邊框。

什麼是正確的語法需要訪問CSS中的這些標籤？

這裏是我使用的UIB標籤HTML：

<uib-tabset> 

    <uib-tab heading="Episodes"></uib-tab> 

    <uib-tab heading="Categories"></uib-tab> 

</uib-tabset> 

我很新的CSS - 提前道歉......

Answer 1

您只需編輯引導的CSS爲.nav-tabs

.nav-tabs > li > a { 
    border: 1px solid #000; 
} 

對於活性標籤

.nav-tabs > li.active > a { 
    /*CSS HERE*/ 
} 

您也可以選擇樣式的uib-tab類的角說：

.uib-tab a { 
    border: 1px solid #000; 
    } 

對於活躍 UIB標籤

.uib-tab.active a { 
    /*CSS HERE*/ 
}