Angular 4 Material选项卡 - css未应用于标题模板

Question

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

但是,无法使用css隐藏标头.我不知道为什么.md-tab-group是一个角度指令,用标签模板替换.尽管它通常以这种方式大喊大叫...

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