如何更改全日历上的光标指针？答案

【问题标题】：How to change the cursor pointer on fullcalendar?如何更改全日历上的光标指针？
【发布时间】：2014-09-29 00:23:56
【问题描述】：

我正在为我的项目使用 fullCalendar 插件。我注意到，当我将“可编辑：”设置为 false 时，事件上的光标悬停变为默认设置，而不是保持为指针光标。我该如何改变？谢谢！

【问题讨论】：

【解决方案1】：

就我而言，只需添加

.fc-event{
    cursor: pointer;
}

我的scss 课没用。它只有在我像这样添加::ng-deep 时才有效：

::ng-deep .fc-event{
    cursor: pointer;
}

希望对大家有帮助

【讨论】：

【解决方案2】：

我注意到，如果您只是将可编辑设置为true，那么它将在悬停时显示手指指针。如果您打算让用户单击事件，我不确定为什么您甚至希望将其设置为 false。

所以只需在初始化期间将可编辑值设置为true：

$('#calendar').fullCalendar({
  editable: true
});

【讨论】：

【解决方案3】：

这应该可以解决问题：

.myCalendar {
    cursor: pointer;
}

当然，使用正确的 css 选择器而不是 .myCalendar。
查看this 示例日历，您可能正在寻找.fc-event，以便在将鼠标悬停在日历事件上时保留指针：

.fc-event{
    cursor: pointer;
}

【讨论】：

【解决方案4】：

添加以下 CSS。

.fc-content {
    cursor: pointer;
}

div.fc-content 包装日历单元格，因此将cursor: pointer; 添加到.fc-content 将产生所需的行为。

但这真的需要吗？

一般来说，cursor:pointer 用于任何可点击元素。

【讨论】：