FullCalendar在鼠標懸停時更改單元格顏色

Question

當用戶將鼠標懸停在FullCalendar中的一天的單元格時，我希望單元格顏色暫時更改。 我最接近的是eventMouseover，它只在單擊單元格時改變顏色（我正在尋找懸停或鼠標懸停，而不是單擊）。 如果沒有像div，span或td這樣的對象，我會發現很難應用“onmouseover”命令。 這有意義嗎？ 有什么建議？

Answer 1

.fc-day:hover{background:lightblue;cursor: pointer;}

在fullcalendar.min.css或fullcalendar.css中嘗試此操作

Answer 2

我只是通過這樣做取得了成功：

 .fc-content td:hover{background: #adf4fa;}

Answer 3

我以這種方式使用less來使用日歷css：

.fc-event:hover{
  border-color: @age-color-blue-dark;
  .fc-content{
    color:  @age-color-blue-dark;
  }
}

編譯得少的css：

.fc-event:hover {
  border-color: #1c7d87;
}
.fc-event:hover .fc-content {
  color: #1c7d87;
}

Answer 4

像魅力一樣工作：

.fc-list-item:hover td{
    background-color: red!important;
}