角2材料MD-標籤尺寸

Question

我有下面的代碼段

<mat-tab-group> 
    <div *ngFor="let question of subcategory.questions"> 
     <mat-tab label={{question.question_id}} class="question-tab">{{question.question}}</mat-tab> 
    </div> 
    </mat-tab-group> 

，其顯示這樣的：

但是我想減少凸片的寬度，這樣的：

問題是，當我在運行時更改css時，它調整得很好，但是當我放入css時：

.mat-tab { 
    min-width: 50px !important; 
} 
.mat-tab-label[_ngcontent-c9]{ 
    min-width: 50px !important; 
} 

它不起作用。任何想法如何解決這個問題？

Answer 1

試試這個：

/deep/.mat-tab-label, /deep/.mat-tab-label-active{ 
min-width: 0!important; 
padding: 3px!important; 
margin: 3px!important; 
}