angularjs - AngularMaterial: Custom md-tab-label in md-tabs -

according md-tab documentation can have custom md-tab-label, i'm trying this:

<md-tab-label class="my-label">    label </md-tab-label>

my css:

.my-label{     background: #40ff00; }

however, background color not appearing tab labels. doing wrong ?

so, doing wrong way. correct way is:

in case, css can like:

all-tabs {font-size: 20px;} .demo-tab {   color:green; }

and in html:

<md-tab-label>    <all-tabs class="demo-tab">  {{$index+1}} </all-tabs> </md-tab-label>

resulting tabs: enter image description here

Call