【问题标题】：how to style dayMouseover in Fullcalender如何在 Fullcalendar 中设置鼠标悬停的样式
【发布时间】：2016-04-27 08:29:55
【问题描述】：
我在我的 Angular 应用程序中使用 Fullcalender 插件。当我将鼠标悬停在 AgendaWeek 视图中的某个时间段（例如上午 7.30-8.00）上时，我想更改单元格颜色。我想要这样的东西：
我尝试过更改 css :
.fc-widget-content:hover {
background: #adf4fa;
}
但它不适用于单元格。它会改变整个行的颜色。
【问题讨论】：
标签：
html
css
angularjs
fullcalendar
【解决方案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>
【解决方案2】：
结构必须在table标签中，如果你有这个.fc-widget-content父类，你可以使用like
.fc-widget-content table tr td:hover
{
background: #adf4fa;
}