如何处理独特材质角度标签的颜色和背景颜色,而不是全部标签

时间:2018-06-12 15:26:13

标签: css angular angular-material

我需要只有Material Angular Tab的唯一标签,才能有特定的颜色。

我有这个HTML:

<mat-tab-group>
      <mat-tab label="Tab 1">Content 1</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
      <mat-tab label="Tab 2">Content 2</mat-tab>
  </mat-tab-group>

自定义css样式工作,但所有选项卡都已更改:

::ng-deep .mat-ink-bar {
  background-color: white !important;
}

/* active tab */
::ng-deep .mat-tab-list .mat-tab-labels .mat-tab-label-active {
  color:red;
  background-color: green;
}

我希望一个类使控制器使用什么颜色。

Angular 6 材料角度5.2

0 个答案:

没有答案