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

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

navbar angular-material angular

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

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

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

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

1 回复 | 直到 5 年前

noam steiner 5 年前

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

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

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

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

Avinash Dalvi 5 年前

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

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

推荐文章

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

Bitan Basak · 使垫子自动完成功能类似于Bootstrap选择

1 年前

user p · 如何修复Angular Material侧边栏的滚动问题

1 年前

K. van den Berg · 为什么我的Angular材质图标看起来与谷歌字体图标不同?

1 年前

Iteration · 列出在关闭前一个元素时不移动的CdkDrag Angular元素

1 年前

Pawan Nogariya · 是否有方法将数据或ngModel附加到材料选项卡上?

1 年前

Johannes Schacht · 如何从材质3的调色板中提取颜色

1 年前

Ben · 如何使用带有部分应用的过滤器功能的角度材质日期选择器?

1 年前

aditya rawat · 在angular is 17中使用angular材质遗留样式会产生此错误

1 年前

Kinjan Koradiya · 使用dir=“rtl”时垫滑块无法正常工作

2 年前