如何在每个选项卡的右侧对齐angular2 / 4材质标签图标？

Question

我有以下内容：

<md-tab-group>
  <md-tab label="MyLabel">
    <ng-template md-tab-label>
      MyLabel <md-icon>thumb_down</md-icon>
    </ng-template>    
    Content
   </md-tab>
</md-tab-group>

如何调整thumb_down图标的位置以使其与“ MyLabel”正确对齐？ 现在，它似乎略高于它。 应用样式=“ line-height：40px;” 到md-icon不起作用。

Answer 1

您需要添加此类以更改职位。

/deep/.mat-tab-label, /deep/.mat-tab-label-active{
  line-height: 30px!important;
}

确保使用scss（SASS）而不是css。 如果使用css，则将其更改为scss文件而不是css。 因为Deep仅适用于scss（SASS）文件