如何在Fullcalender中设置dayMouseover [英] how to style dayMouseover in Fullcalender

问题描述

我在Angular应用程序中使用Fullcalender插件。我想改变细胞颜色，当我的鼠标在一个时间段（例如7.30am-8.00am）在AgendaWeek视图中。我想这样：

I am using Fullcalender plugin in my Angular application. I want to change cell color when i mouse over a time slot (eg. 7.30am-8.00am) in AgendaWeek view.I want something like this:

我试过更改css：

.fc-widget-content： hover {
background：＃adf4fa;
}
但不适用于单元格。它会更改整个行颜色。

I have tried changing css :
.fc-widget-content:hover { background: #adf4fa; } but it doesn't work for cell.It changes entire row color.

推荐答案

结构必须在表标签中，如果你有这个 .fc-widget-content 父类，你可以使用
.fc-widget-content table tr td：hover
{
background：＃adf4fa;
}

The structure must be in table tag and if you have this .fc-widget-content parent class, you can use like .fc-widget-content table tr td:hover { background: #adf4fa; }

这篇关于如何在Fullcalender中设置dayMouseover的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！