完整日历在鼠标悬停时更改单元格颜色



我希望当用户将鼠标悬停在 FullCalendar 中一天的单元格上时,单元格颜色会暂时更改。我能得到的最接近的是eventMouseover,它只有在单击单元格时才改变颜色(我正在寻找悬停或鼠标悬停,而不是单击)。如果没有像div,span或td这样的对象,我发现很难应用"onmouseover"命令。这有意义吗?有什么建议吗?

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

在 fullcalendar.min 或 fullcalendar 中尝试此操作.css.css

我只是通过简单地这样做就取得了成功:

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

像魅力一样工作:

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

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

相关内容

  • 没有找到相关文章

最新更新