Datepicker hightlight days through css

Datepicker hightlight days through css

Hi guys!

I'm trying to highlight some specific days in my datepicker. I use the "beforeShowDay" option, and the selection works fine.
  1. beforeShowDay: function(date) {
  2.                     for(var i=0; i<daysToHighlight.length; i++) {
  3.                         if(date.getFullYear() == daysToHighlight[i].year) {
  4.                             if(date.getMonth() == daysToHighlight[i].month) {
  5.                                 if(date.getDate() == daysToHighlight[i].day) {
  6.                                     return [true, "highlight", "hours: " + daysToHighlight[i].hours];
  7.                                 }
  8.                             }
  9.                         }
  10.                     }
  11.                     return [true, ""];
  12.                 },
In the CSS file I added this class:

  1. .highlight {
  2.     background-color: green;
  3. }
The problem is that background doesn't change, but it shows only a green border around highlighted days. It seems to be that there's another class which goes over the "highlight" one.

Is there anybody who can help me? I'm using jquery-ui-1.8.4.custom.css.