JQuery DatePicker background color

I am using an example of JQuery DatePicker from link text

on my asp.net page.

But, background color of the datepicker is white. I am not sure开发者_如何学编程 how to change this. (Change to default color) My asp.net page background page is white, maybe because of that?

Any help would be appereicate it. Thanks.

The background formatting for the control comes from the .ui-widget-content CSS class. Assuming you only want to apply to the date picker and not other controls you want something like this:

.ui-datepicker .ui-widget-content {
    background: #999 none;
}

If instead you want to change the background colour for all controls, just find the existing .ui-widget-content class in your CSS and change that.

Just Add this one line of code into your jquery ui css file

.ui-datepicker .ui-datepicker-title select{color: #000;}

This will solve your problem.

You can change the background color of DatePicker via the CSS file which come with the package. Locate for class selector .ui-widget-content, there should be background attribute which you can change to your liking.

with this function you can color the days you want:

$("#dater").datepicker({
    numberOfMonths: 3,   
});
function ColorDay(month, day, year, backgroundColor)
{
    day--;
    $("[onclick*='"+month+","+year+"'] [class*=ui-state-default]").eq(day).css("background",backgroundColor); 

}

then to color a day do:

ColorDay(6,30,2012,"yellow"); // color July 30, 2012   of yellow

How about try this code

 a.ui-state-default{
   background-color: red !important;
 }