Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改fullcalendar上的光标指针?_Javascript_Css_Fullcalendar - Fatal编程技术网

Javascript 如何更改fullcalendar上的光标指针?

Javascript 如何更改fullcalendar上的光标指针?,javascript,css,fullcalendar,Javascript,Css,Fullcalendar,我正在为我的项目使用fullCalendar插件。我注意到,当我将“editable:”设置为false时,光标悬停在事件上成为默认值,而不是停留在指针光标上。我如何改变这个?谢谢 这应该可以做到: .myCalendar{ 光标:指针; } 当然,使用正确的css选择器而不是.myCalendar。 查看示例日历,您可能正在查找.fc event,以便在将鼠标悬停在日历事件上时保留指针: .fc事件{ 光标:指针; } 添加以下CSS .fc-content { cursor: po

我正在为我的项目使用fullCalendar插件。我注意到,当我将“editable:”设置为false时,光标悬停在事件上成为默认值,而不是停留在指针光标上。我如何改变这个?谢谢

这应该可以做到:

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

我希望它能帮助任何人

例如,您可能希望用户能够单击某个事件作为指向其他页面的链接,而
可编辑
允许在日历中拖动和移动该事件。