代码之家 › 专栏 › 技术社区 › Matthieu Raynaud de Fitte

角垫选项卡导航栏如何更改文本的颜色?

navbar angular-material angular

Matthieu Raynaud de Fitte · 技术社区 · 4 年前

通过执行以下操作,我可以更改选项卡文本的颜色:

.mat-tab-link {
  color: black;
}

但是,当未选择选项卡时,文本非常轻微透明,使其呈现灰色外观(在白色背景上)。如何为未选中的选项卡设置透明度/CSS?

1 回复 | 直到 4 年前

noam steiner 4 年前

您可以通过查看DOM找到特定的类组合,然后指定它,或者直接这样做:

.mat-tab-link {
  color: black;
  opacity: 1 !important;
}

您可能需要使用 ::ng-deep

::ng-deep.mat-tab-link {
  color: black;
  opacity: 1 !important;
}

Avinash Dalvi 4 年前

你可以在里面添加样式 styles.css .

.mat-tab-link{
  color:#3182ce;
}
.mat-tab-link.mat-tab-label-active{
  color:#ccc;
}

推荐文章

user19531657 · 如何将标题和按钮对齐在同一行?

2 年前

Marcus Edensky · 角度6材质:材质选项卡链接由下划线栏选择

6 年前

Carl.G · 如何将Angular 6 Material sidenav设置为从屏幕右侧从右向左打开

6 年前

spottedmahn · 覆盖只读/禁用样式/CSS

6 年前

bereket gebredingle · 具有列值的物料表数据源筛选器

6 年前

Rahul Munjal · 无法绑定到“dataSource”,因为它不是“table”的已知属性

6 年前

Billy G · “角度材质”对话框:如何在父零部件中更改注入的数据时更新这些数据?

6 年前

Kaushik Nath · 导入MatTabChangeEvent时出错

6 年前

The Fox · “角度材质”对话框:复选框始终返回false

6 年前

Chinaedu Onwukwe · 在鼠标上方展开“材质扩展”面板

6 年前