css - 造型 PrimeNG p-tabView

Question

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

这是显示问题的Stackblitz。

我错过了什么？

标签： cssprimengtabview

Answer 1

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

所以像

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

应该做的伎俩。请务必在 PrimeNG 之后调用该 CSS。

编辑

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

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

请参阅工作StackBlitz。