Angularjs UI Bootstrap: How to modify uib-tab CSS -


i using ui bootstrap tabs, , want change css of components, not sure of how access different elements.

the elements change text active tab, text unactive tab, , borders both.

what correct syntax need access these tabs in css?

here uib-tab html using:

<uib-tabset>      <uib-tab heading="episodes"></uib-tab>    <uib-tab heading="categories"></uib-tab>  </uib-tabset> 

i'm pretty new css - apologies in advance...

you can edit bootstrap's css .nav-tabs

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

for active tab

.nav-tabs > li.active > {     /*css here*/ } 

optionally can style uib-tab class added angular:

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

for active uib-tab

.uib-tab.active {     /*css here*/ } 

Comments