角度2材料のMD-タブサイズ

Question

I持っているように表示するコード

<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

はこれを試してみてください：私はquestion-を持っている理由

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