如何风格dayMouseover在Fullcalender [英] how to style dayMouseover in Fullcalender

问题描述

我用我的角度应用Fullcalender插件。我想更改单元格颜色，当我将鼠标放在AgendaWeek view.I一个时隙（如7:30 - 早上8:00。）想是这样的：

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小部件内容：悬停{
    背景：＃adf4fa;
}
但它不适用于cell.It更改整个行色彩工作。

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

推荐答案

结构必须在table标签，如果你有这样的 .fc小部件内容父类，你可以像使用
.fc小部件内容表TR TD：徘徊
{
背景：＃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; }

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