0

I need to change the color of cell and its corresponding date as I click on it in fullcalendar. Is there any way to achieve both together as I click on it. Till now I have done it by using changing of cell background using .fc highlight where I mention the background color but here I am not able to change the color of the date, Where the date is still displayed as in default color.

style.css
.fc-highlight {
    background-color: rgb(13, 113, 224) !important;
    color:  #fff !important;
    display: block !important;
  }
Giannis
  • 1,790
  • 1
  • 11
  • 29
am's
  • 21
  • 7
  • I already gave you suggestions on this last time you asked it - https://stackoverflow.com/questions/65839175/i-need-to-display-the-selected-date-in-header-in-fullcalendar . Did you try anything? – ADyson Feb 03 '21 at 11:06

1 Answers1

0

I have a little trouble to figure out the problem but it may be a problem of CSS rules overriding the color: black !important

Try to put it in

::ng-deep { 
.fc-highlight {
    background-color: rgb(13, 113, 224) !important;
    color:  #fff !important;
    display: block !important;
  } 
}

:)

Kronos
  • 31
  • 6
  • Thanks for the answer but unfortunately I have done it but it still does not do any thing. Is there any other way by which it can be achieved. – am's Feb 02 '21 at 14:51
  • Try to look at this post, I have the impression that it fits with what you want to do : https://stackoverflow.com/a/55338595/12673585 – Kronos Feb 02 '21 at 16:43
  • I have covered that post before but there also only the background color of cell changes but not the color of date – am's Feb 03 '21 at 04:07