样式化 PrimeNG p-tabView

Question

我无法设置 PrimeNG TabView 的文本样式。

这是显示问题的Stackblitz。

我错过了什么？

Answer 1

解决问题的一种方法是覆盖 PrimeNG class 关于 tabview 标题：ui-tabview-title.

所以像

.ui-tabview-title {
  color: red;
}

应该可以解决问题。请务必在 PrimeNG 之后调用 CSS。

编辑

您可以在第一个选项卡 header 上应用 CSS 与 :first-child 属性 :

ul.ui-tabview-nav li:first-child span {
  color: red;
}

查看工作 StackBlitz。