css - 样式化 PrimeNG p-tabView

Question

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

这是 Stackblitz显示问题。

我错过了什么？

Answer 1

解决问题的一种方法是覆盖有关 tabview 标题的 PrimeNG 类:ui-tabview-title。

类似的东西

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

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

编辑

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

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

查看工作 StackBlitz .