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;
  }
}

编译的less 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;
}