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