删除选项卡组的底部边框

约翰内斯·克拉夫特

我想删除下图中灰色的选项卡组的底部边框。

在此处输入图片说明

这是一个显示代码的示例项目:

https://stackblitz.com/edit/angular-tabs-remove-bottom-border

朱利安两者

边框可以在.mat-tab-header上找到

在您的 main.css 文件(或 main.scss、styles.css 或 styles.scss)中,您可以全局定义

.remove-border-bottom .mat-tab-header {
    border-bottom: none;
}

在你的 HTML 文件中,给出mat-tab-group一个类。

<mat-tab-group class="remove-border-bottom">
    <!-- ... -->
</mat-tab-group>

由于封装的原因,如果你想在你的 component.scss 文件中定义样式,你必须使用::ng-deep

.remove-border-bottom ::ng-deep .mat-tab-header {
    border-bottom: none;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章