How to color specific hover days in datepicker?-CodePudding

I have datepicker where you can picked some range and then some days are colored on green and some on red. After hovering it is always red but I want to have dark green when day is green and dark red when day is red.

.ll-skin-melon td .ui-state-hover{
background: red !important; }

[https://jsfiddle.net/71f4caLx/]

Should i looking for changes in css or js code?

CodePudding user response：

Add this css.

td.dp-highlight is for red highlight and td.dp-highlight1 is the green, while .ui-state-hover is for when the mouse hovers.

.ll-skin-melon td.dp-highlight .ui-state-default.ui-state-hover {
  background: darkred !important;
}

.ll-skin-melon td.dp-highlight1 .ui-state-default.ui-state-hover {
  background: darkgreen !important;
}