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

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> 

标签的屏幕截图

package-lock.json

我该如何解决

Answer 1

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

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