Angular 材质：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>

结果标签：