如何在Fullcalender中设置dayMouseover的样式

Question

我在Angular应用程序中使用Fullcalender插件。当我在AgendaWeek视图中鼠标悬停在一个时间段（例如，早上7点半到早上8点）时，我想改变单元格颜色。我想要这样的东西：

我试过改变css：
 .fc-widget-content:hover { background: #adf4fa; } 但它对细胞不起作用。它会改变整个行的颜色。

Answer 1

我认为你不能只编辑一个单元格的背景颜色，因为单元格实际上不是单元格而是行：

<tr data-time="11:30:00" class="fc-minor">
    <td class="fc-axis fc-time fc-widget-content" style="width: 51px;"></td>
    <td class="fc-widget-content"></td>
</tr>

Answer 2

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