如何减少标签的高度 - 角材料

Question

我有angular material标签。 我想减小标签的大小。 试了几种styles ，还是不行

这是我的代码

<style>
::ng-deep .mat-tab-label{
 padding: 2px!important;
 height: 0px;
 min-height: 0px!important;
 margin: 3px!important;
}
</style>

<div>    
<mat-tab-group #tabRef>
  <mat-tab label="Angular">Angular Content</mat-tab>
  <mat-tab label="React">React Content</mat-tab>
  <mat-tab label="VueJs">VueJs Content</mat-tab>
</mat-tab-group>    
</div> 

选项卡的屏幕截图

我怎样才能解决这个问题

Answer 1

我认为您需要在::ng-deep和.mat-tab-label之间留空。 还要添加!important in height 。

<style>
::ng-deep .mat-tab-label{
 padding: 2px!important;
 height: 0px!important;
 min-height: 0px!important;
 margin: 3px!important;
}
</style>