Javascript FullCalendar在鼠标悬停时更改单元格颜色
我希望当用户将鼠标移到FullCalendar中一天的单元格上时,单元格颜色会临时更改。我能找到的最接近的是eventMouseover,它只有在单击单元格时才会改变颜色(我要找的是hover或mouseover,而不是click)。如果没有像div、span或td这样的对象,我发现很难应用“onmouseover”命令。这有意义吗?有什么建议吗?我成功地做到了这一点:Javascript FullCalendar在鼠标悬停时更改单元格颜色,javascript,fullcalendar,Javascript,Fullcalendar,我希望当用户将鼠标移到FullCalendar中一天的单元格上时,单元格颜色会临时更改。我能找到的最接近的是eventMouseover,它只有在单击单元格时才会改变颜色(我要找的是hover或mouseover,而不是click)。如果没有像div、span或td这样的对象,我发现很难应用“onmouseover”命令。这有意义吗?有什么建议吗?我成功地做到了这一点: .fc-content td:hover{background: #adf4fa;} 在fullcalendar.min.
.fc-content td:hover{background: #adf4fa;}
在fullcalendar.min.css或fullcalendar.css中尝试此操作我以这种方式覆盖了日历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;
}
工作得很有魅力:
.fc-list-item:hover td{
background-color: red!important;
}
几周前做的。只需使用css:hover。不需要JavaScript或魔法:)。谢谢你,弗洛伊德。你具体在哪里使用了CSS hover?在fullcalendar.CSS文件-lookin.fc day.fc widget content中。在该CSS文件中没有名为“.fc day.fc widget content”的部分。我想我可以自己创造它。您使用的是什么版本的FC?我的是2011年的1.4.11。我怀疑我应该升级.To为hover
上的事件着色.fc content:hover{background:lightblue;cursor:pointer;}
.fc-list-item:hover td{
background-color: red!important;
}