angular - 在选择时更改选项卡文本颜色

标签 angular angular-material angular-material2

我正在研究 Angular4,并且一直在使用 Angular Material 。我创建了一个选项卡组,我想在选择任何选项卡时更改选项卡标签的文本颜色。我试图覆盖默认的 css,但这对我没有帮助。

我可以覆盖墨栏,但我无法在选择时覆盖标签文本颜色

.mat-ink-bar{
    background-color:#00ADEE;
}
 /*.mat-tab-label::selection{
 color: #00ADEE !important;
 } */

我试图更改标签标签颜色的评论部分。

最佳答案

您需要为事件选项卡使用以下类:

.mat-tab-label-active {
     color: #00ADEE !important;
 } 

这里是 working demo 的链接.

关于angular - 在选择时更改选项卡文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45961849/

相关文章:

angular - Angular 8 : Object doesn't support property or method 'includes'

css - 如何为 Angular Material 分页器自定义 css?

Angular2 - 在单元测试中打开和关闭 mdDialog

angular - 如何从 Primary Palette 获得色调/浅色

node.js - 使用feathersjs rethinkdb适配器通过非sql选择不同的

javascript - 如何在 Angular 应用程序中处理 API 凭据?

javascript - 如何使用 Angular 下拉列表中的选定值填充数组?

angular-material2 - 角 Material 2-禁用波纹?

javascript - 用户完成输入时的 Angular2 控件验证

css - Angular Material 中的样式垫选择