How to change p-datalist header background color

Posts: 15
Joined: 27 Mar 2014, 16:26

09 Aug 2016, 07:36

Hi all,

May I know how to change the header and footer background color of the p-dataist ?

default color is Blue and I can change the color by using "<header class="SoftBlueBack">"

But it look very strange because only the color of the middle portion of the header change..... look very strange.

Any advise ?

Thank you !

Posts: 4042
Joined: 29 Jun 2013, 12:38

10 Aug 2016, 15:48

I think this is a primeng issue. Please create a github issue;
Also, I think you can try the following css;

Code: Select all

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  background-color: #03A9F4 !important; /* SoftBlueBack */


Return to “Rio”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests