角2材料MD-标签尺寸
问题描述:
我有下面的代码段角2材料MD-标签尺寸
<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;
}
以及第一个我已经尝试过,在https://github.com/angular/material2/issues/1092 和第二个发现过我试过这就是为什么我有question-标签。事情是它仍然无法正常工作 –
@AishwatSingh'/ deep /'只能用于.SCSS文件而非css。 –
@AishwatSingh我测试过了。并更新答案请尝试。 –