代码之家 › 专栏 › 技术社区 › 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;
}

推荐文章

Adriano Di Cara · topnav裁剪的CSS下拉列表

7 年前

stack12321 · 使移动导航栏消失-专业版

7 年前

Zaki Hussain · jumbotron顶部的引导导航栏(覆盖)

7 年前

Arthak · 导航栏上的登录按钮不合适

7 年前

user6780526 · 小型设备上的水平导航栏滚动

7 年前

windoge_10 · 添加菜单项后Android Studio底部导航视图消失

7 年前

user9497105 · 引导程序4导航栏折叠不起作用

7 年前

Redtama · Bootstrap 4导航栏,带2行和内联表单

7 年前

ananai · ReactJS引导导航栏不在一行中

7 年前

Riddhi · 更改爱奥尼亚中所有页面的导航栏颜色

7 年前