我有以下代码
<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;
}
它不起作用.知道如何处理这个问题吗？
解决方法
试试这个：
/deep/.mat-tab-label,/deep/.mat-tab-label-active{
min-width: 0!important;
padding: 3px!important;
margin: 3px!important;
}
