proper css to set column-header background color

[Tim R]

I have assigned a class to the column-header of a particular column.  I use the following CSS to set the style:

              th.foo {background-color: #339933  !important;
                           color: white !important}

This works correctly in IE9 and Safari, but only the font-color changes in Chrome; the background color does not change.  So I believe the selector is correct.  Does anyone know what is causing the Chrome issue?


    

[Iliana Dyankova]

Hello Tim,

The issue is caused because there is a background-image property (check the attached image) which overrides the background-color (the background-color is drawn behind any background-images). In order to achieve  the desired outcome I recommend you using the background property instead? I.e.:

th.foo{
   background: red !important;
   color: white !important
}

Regards,

Iliana Nikolova
the Telerik team

[Tim R]

Perfect. Thank you.