css - 删除 Material 步进机头

我想摆脱物料步进器上的标题导航。请提出我该怎么做？
我尝试设置以下CSS，但似乎没有效果:

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

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

最佳答案

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

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

关于css - 删除 Material 步进机头，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51716812/