css - 移除 Material Stepper header

Question

我想去掉 Material 步进器上的标题导航。请建议我该怎么做？ 我尝试设置以下 css，但似乎没有用:

.mat-horizontal-stepper-header-container{display: none}

这是步进器的 stackblitz 链接。 https://stackblitz.com/edit/angular-material2-beta-ybbnhe?file=app%2Fapp.component.html

Answer 1

您需要结合使用 ::ng-deep 来绕过阴影 DOM 和 !important 标志来绕过 Materials 自己的样式:

::ng-deep .mat-horizontal-stepper-header-container {
  display: none !important;
}