删除Material Stepper Headers

提问于 2024-05-05T13:48:48+08:00

浏览次

3

我想摆脱材料步进器上的 Headers 导航 . 请建议我该怎么办？我尝试设置以下css但似乎没有工作：

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

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

enter image description here

2 回答

3
你需要使用 ::ng-deep 的组合来绕过shadow DOM和 !important 标志来绕过Materials自己的样式：
```
::ng-deep .mat-horizontal-stepper-header-container {
  display: none !important;
}
```
回复于 2024-05-05T13:48:48+08:00
0
你可以在_1359169中添加这个css属性，如下所示：
```
<mat-horizontal-stepper #stepper style="display: none;">
....
</mat-horizontal-stepper>
```
回复于 2024-05-05T13:48:48+08:00

相关问题