css - Angular 4 Material 选项卡 - css 不适用于标题模板

Question

我想隐藏 Angular Material 选项卡的标题(按钮)，因为我使用自定义导航按钮在选项卡之间切换。 https://material.angular.io/components/tabs/overview

但是，无法使用 css 隐藏标题。我不知道为什么。 md-tab-group是一个angular指令，被tabs模板取代。尽管它通常这样喊工作......

HTML:

     <div class="tabs">
        <md-tab-group>
           <md-tab label="Tab 1">Content 1</md-tab>
           <md-tab label="Tab 2">Content 2</md-tab>
        </md-tab-group>
     </div>

CSS:

     .tabs md-tab-header, .tabs .mat-tab-header {
        display: none;
     }

Answer 1

你可以试试下面的css:

::ng-deep .tabs .mat-tab-list .mat-tab-labels {
        display: none;
}

html:

<md-tab-group class="tabs">
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
</md-tab-group>

Plunker