AngularMaterial:自定义md标签-md标签

Question

根据md-选项卡文档，我们可以使用自定义md-tab-label，我试图这样做：

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

我的css：

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

但是，标签标签没有显示背景色。我做错什么了吗？

Answer 1

所以，我做错了。正确的方法是：

1. 定义您的标记
2. 然后添加css

在这种情况下，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>

由此产生的标签：

​