自定义现成的 Angular 选项卡

huangapple go评论64阅读模式
英文:

Customizing out of the box angular tabs

问题

我想定制一些 Angular Material 14 中的默认样式。到目前为止,我已经能够更改选项卡的颜色和背景颜色。但是如何更改蓝色的活动条?

链接:https://stackblitz.com/edit/angular-twq7kg?file=src/app/tab-group-basic-example.css

我想知道如何自定义蓝色的活动条。

英文:

I'm trying to customize some of the out of the box styles from Angular Material 14. So far I have been able to change the tab colors, and background colors. But how do I change the blue active bar?

https://stackblitz.com/edit/angular-twq7kg?file=src/app/tab-group-basic-example.css

I would like to know how to to customize the blue active bar.

答案1

得分: 0

.mat-tab-group.mat-primary .mat-ink-bar, 
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: red;
}
英文:
.mat-tab-group.mat-primary .mat-ink-bar, 
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: red;
}

自定义现成的 Angular 选项卡

huangapple
  • 本文由 发表于 2023年2月18日 02:39:02
  • 转载请务必保留本文链接:https://go.coder-hub.com/75488140.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定