Css 如何更改Fullcalendar列上的光标

Css 如何更改Fullcalendar列上的光标,css,cursor,fullcalendar,Css,Cursor,Fullcalendar,TL;DR:我想要一个光标指针在绿色单元格上和禁用光标在灰色单元格上 我正在构建一个使用Fullcalendar的应用程序,我面临一个无法解决的问题: 我尝试直接在单元格上修改光标(而不是事件) 我尝试以«.fc future»、«.fc today»和«.fc pass»fullcalendar类为目标,并应用类似«游标:指针»或«游标:不允许»的样式,但没有成功 这是我的截图: 有人知道如何更改列上的光标吗? 谢谢你的帮助 我的项目: Fullcalendar 2.8.0 包含两个div

TL;DR:我想要一个光标指针绿色单元格上禁用光标灰色单元格上

我正在构建一个使用Fullcalendar的应用程序,我面临一个无法解决的问题:
我尝试直接在单元格上修改光标(而不是事件) 我尝试以«.fc future»、«.fc today»和«.fc pass»fullcalendar类为目标,并应用类似«游标:指针»或«游标:不允许»的样式,但没有成功

这是我的截图

有人知道如何更改列上的光标吗?
谢谢你的帮助

我的项目

  • Fullcalendar 2.8.0
  • 包含两个
    div
    s,一个具有
    fc content
    类,另一个具有
    fc bg
    类。您正在为
    fc bg
    内的元素设置背景。为
    fc bg
    中的相同元素设置
    cursor
    CSS属性

    然后,为了通过
    fc内容显示光标,您需要设置
    指针事件:无
    用于
    fc content
    div。这将使其对鼠标指针透明,以便您可以将鼠标悬停或单击基础
    div
    中的元素。这意味着您将能够看到所需的光标


    显然,这可能会禁用一些您可能需要的功能,因此您需要设置回
    指针事件:auto关于您需要的内容,例如事件本身(如果您使用eventClick执行任何操作,请单击)。

    感谢您的快速回复

    正如你在帖子中解释的那样,我不知道如何设置它。 所以我找到了一个解决办法。
    在Fullcalendar中,我添加了一个后台事件对象:

    {
      start: moment().startOf('isoWeek'), # beginning of week
      end: moment().utc().endOf('day'), # end of current day
      rendering: 'background',
      className: 'disabled-cell'
    }
    
    此“假事件”从一周开始到当天结束全天禁用

    对于游标,我创建了一个css类:

    // Sass code
    .disabled-cell
      background-color: gray
      opacity: 1
      &:hover
        cursor: not-allowed
    
    .fc-view
      td
        cursor: pointer