How do I change the jQuery UI content background to white?

I tried modifying jquery-ui-1.8.11.custom.css but there's still an off white (almost gre开发者_运维技巧y) bar at the top. Can anyone please help?

You're better off editing a theme using the ThemeRoller and previewing the changes as you go than hacking the CSS and hoping for the best.

try setting .ui-widget-header class to background-color:#ffffff

P.S.: you can also turn off bg image (background-image:none) for that class...

You may try this css:

.ui-widget-header {
    background-color:#ffffff !important;
    background-image:none !important;
    border:none !important;
}

apply data-theme="a" or whatever theme you want to the div and it will apply the required theme

You have to search the whole CSS for instances of ui-widget-content and delete de background-* tags from them.

Or use the CSS editor namuol pointed, choose cupertino > edit > go to header or content and click the square with a gradient and select the flat square.