Css getting applied to all pages in angular primeng

user_9160680 0
Viewed 80

I am using p-dropdown & have applied min-width to p-dropdown panel in two different pages.

In page1 css

.p-dropdown panel {
  min-width: 35% !important;
  }

In page2 css

.p-dropdown panel {
  min-width: 20% !important;
 }

When I open page2 after opening page1, then page1 css for p-dropdown panel is getting applied.

primeng angular css html
2 Answers

Try this in page2 css.

.p-dropdown panel {
  min-width: 20% !important
 }
user_31442200

Without looking at your entire css/project - in Chrome you can open up Dev Tools, select the element, and view the "Computed" tab to look up what file/css is determining the width.

user_112170560
Related