造型 PrimeNG p-tabView [英] Styling PrimeNG p-tabView

问题描述

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

I fail to style the text of a PrimeNG TabView.

这是 Stackblitz问题.

我错过了什么?

推荐答案

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

One way to solve your problem is to override PrimeNG class concerning tabview title : ui-tabview-title.

所以就像

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

应该可以解决问题.一定要在 PrimeNG 之后调用那个 CSS.

should do the trick. Be sure to call that CSS after PrimeNG one.

编辑

您可以使用 :first-child 属性在第一个标签页头上应用 CSS :

You can apply CSS on first tab header with :first-child property :

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

参见StackBlitz.

这篇关于造型 PrimeNG p-tabView的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！