AngularMaterial:md-tabs中的自定义md-tab-label

时间:2015-05-30 13:59:55

标签: angularjs tabs angular-material

根据md-tab Documentation,我们可以自定义md-tab-label,我试图这样做:

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

我的css:

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

但是,标签标签不显示背景颜色。 我做错了吗?

1 个答案:

答案 0 :(得分:3)

所以,我这样做是错误的。 正确的方法是:

  1. 定义标记
  2. 然后添加css
  3. 在这种情况下,css可以是:

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

    并在html中:

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

    结果标签: enter image description here

相关问题