删除材料步进机头 [英] Remove the Material Stepper header
本文介绍了删除材料步进机头的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想摆脱物料步进器上的标题导航.请提出我该怎么做? 我尝试设置以下CSS,但似乎没有用:
I want to get rid of the header navigation on the material stepper. Please suggest how can I do it? I tried setting the following css but didn't seems to work:
.mat-horizontal-stepper-header-container{display: none}
这是步进机的stackblitz链接. https://stackblitz.com/edit/angular -material2-beta-ybbnhe?file = app%2Fapp.component.html
Here is stackblitz link of the stepper. https://stackblitz.com/edit/angular-material2-beta-ybbnhe?file=app%2Fapp.component.html
推荐答案
您需要结合使用::ng-deep
避开阴影DOM和!important
标志来避开Material自身的样式:
You need to use a combination of ::ng-deep
to get around shadow DOM and the !important
flag to get around Materials own stylings:
::ng-deep .mat-horizontal-stepper-header-container {
display: none !important;
}
这篇关于删除材料步进机头的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文