Javascript 如何更改fullcalendar上的光标指针?
我正在为我的项目使用fullCalendar插件。我注意到,当我将“editable:”设置为false时,光标悬停在事件上成为默认值,而不是停留在指针光标上。我如何改变这个?谢谢 这应该可以做到:Javascript 如何更改fullcalendar上的光标指针?,javascript,css,fullcalendar,Javascript,Css,Fullcalendar,我正在为我的项目使用fullCalendar插件。我注意到,当我将“editable:”设置为false时,光标悬停在事件上成为默认值,而不是停留在指针光标上。我如何改变这个?谢谢 这应该可以做到: .myCalendar{ 光标:指针; } 当然,使用正确的css选择器而不是.myCalendar。 查看示例日历,您可能正在查找.fc event,以便在将鼠标悬停在日历事件上时保留指针: .fc事件{ 光标:指针; } 添加以下CSS .fc-content { cursor: po
.myCalendar{
光标:指针;
}
当然,使用正确的css选择器而不是.myCalendar
。查看示例日历,您可能正在查找
.fc event
,以便在将鼠标悬停在日历事件上时保留指针:
.fc事件{
光标:指针;
}
添加以下CSS
.fc-content {
cursor: pointer;
}
div.fc-content
包装日历单元格,因此添加光标:指针代码>到.fc内容
将产生所需的行为
但这真的是我们想要的吗?
一般来说,光标:指针用于任何可点击的元素我注意到,如果您只是将“可编辑”设置为“真”
,它将在悬停时显示手指指针。我不知道如果你想让用户点击某个事件,为什么你甚至想让它设置为false
因此,只需在初始化期间将可编辑值设置为true
:
$('#calendar').fullCalendar({
editable: true
});
就我而言,只需添加
.fc-event{
cursor: pointer;
}
对我的scss
类没有起作用。仅当我在其前面添加::ng deep
时,它才起作用,如下所示:
::ng-deep .fc-event{
cursor: pointer;
}
我希望它能帮助任何人例如,您可能希望用户能够单击某个事件作为指向其他页面的链接,而
可编辑
允许在日历中拖动和移动该事件。