CODEWITHSUNDEEP
cssprimengtabview
Horse Badorties
Horse Badorties

Reputation: 308

Styling PrimeNG p-tabView

I fail to style the text of a PrimeNG TabView.

Here's the Stackblitz showing the problem.

What am I missing?

Upvotes: 1

Views: 7369

Answers (1)

Antikhippe
Antikhippe

Reputation: 6655

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

So something like 

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

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

Edit

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

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

See working StackBlitz.

Upvotes: 1

Related Questions