p-panelMenu can't override style

UI Components for Angular
Post Reply
avarndell
Posts: 1
Joined: 01 Sep 2017, 20:57

31 Dec 2018, 19:44

I've tried many ways in order to change the style of the panel menu, but nothing has worked. I'm using angular 7.1.0 and priming v7.0.3. Here is what I've tried:

<p-panelMenu [model]="items" [style]="{'width':'235px'}" [styleClass]="panel-menu"></p-panelMenu>

First try:
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
color: green;
background-color: orange;
}

Second try:

.ui-panelmenu.panel-menu .uipanelmenu-header {
color: green;
background-color: orange;
}
third try:

.panel-menu{
color: green;
background-color: orange;
}

What am I doing wrong?

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests