本文介绍了造型 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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-19 23:25