javascript - 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

像魅力一样工作：

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

Answer 4

我用这种方式覆盖了日历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;
}