为什么Angular2材质会生成“mat-card-header-text”以及如何删除它的默认高度？

Question

Angular2材料是否有理由在mat-card-header-text周围生成此md-header以及如何阻止它height:40px;？ 它基本上生成

<md-card-header ><div class="mat-card-header-text"><md-card-title ...

，mat-card-header-text的高度始终为40px。

注意：mat-card-header-text是在加载css后生成的，因此，对类应用css样式不会影响任何内容。我希望从angular2的角度得到答案和解释。

Answer 1

在 .css 文件中，您应该覆盖此标记

.mat-card-header-text{
  height: 200px !important;

 /* try this but I'm not sure if it works */
 height: auto !important;
 /* If you want this to work, parent should have a flexible height! */
}