Can't ajust the color of the selected dates

Have used the official code to adjust the colot of the selcted dates. but it does't work.

/* To specify background color and color */ .e-calendar .e-content td.e-focused-date.e-today span.e-day { background-color: maroon; color: #fff; }

1 Reply

VJ Vinitha Jeyakumar Syncfusion Team May 25, 2022 10:21 AM UTC

Hi Leslie,


Please find the below CSS code to customize the selected date cell grid in Calendar.

Code snippet:
.e-calendar .e-content td.e-selected span.e-day,
      .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day,
      .e-calendar .e-content td.e-selected:hover span.e-day {
        background-colorblue;
      }



We will also modify the code in the documentation for your future reference.

Regards,
Vinitha

Loader.
Up arrow icon