CODEWITHSUNDEEP
cssprimefacestabsbackground-color
sagschni
sagschni

Reputation: 89

Primefaces p:TabMenu - change background-color of active-tab

I have a p:tabMenu and a css with my design. The problem is, that the background-color don't change when a Tab is active. I have tried many things, but nothing works.

Here is my css:

.ui-widget-header,
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{
    background-color: #CEE0F6;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a:active,
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a:hover,
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a:link
{
    background-color: #A8C8EE;
}

The second part doesn't work.

Sorry for my bad English. Thank you for help!

Upvotes: 1

Views: 6864

Answers (1)

Hatem Alimam
Hatem Alimam

Reputation: 10048

Try the following CSS selector:

li.ui-tabmenuitem.ui-state-default.ui-state-active {
   background: #A8C8EE;
}

enter image description here

Upvotes: 3

Related Questions