cssangularionic-frameworkprimengtabmenu

Change the color of selected Tab, of TabMenu PRIMENG - style

I'm using primeng component tab menu. https://www.primefaces.org/primeng/#/tabmenu I can't find a way to change the color of the selected TAB, to a different one.

Solution

  • Sorry for the delayed answer. Just to keep in mind you should add :host ::ng-deep before your css class to override any style 

    :host ::ng-deep .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    background-color: #d90096; //<Replace your custom color>
    border: 1px solid #d600d9;
}

    Hopefully it will save your time.