Angular Material：md-tabs 中的自定义 mat-tab-label

Question

根据 md-tab Documentation 我们可以自定义 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>

生成的标签：