Fullcalendar更改日历的整个背景颜色

Question

我只需要拍摄我渲染的Fullcalendar div并将背景从纯白色更改为深灰色。我还希望将日期文本的颜色更改为白色。我试图将这个日历放在一个黑暗主题的页面上。

文档中充斥着如何在特定事件，特定日期，单细胞等方面完成此操作但我还没有找到一个通用的＆＃34;开关＆＃34;翻转改变整个日历背景颜色的CSS。将所有值改为CSS中的柠檬绿，并将我的头发拉出来没有任何影响。

希望有一个简单的答案！

Answer 1

不确定你的css，因为我看不到要为你修改的代码，但是如果要更改日历的div，那么添加背景颜色应该只是一个简单的问题，就像你拥有的一样改变了页面的背景。

你的CSS应该是这样的;

#calendar
{
//* various CSS styles to make calendar
background-color: #A0A8A0;
}

只要您拥有日历的通用div，那么只要您添加颜色就可以获得所需的背景。如果这不起作用，请粘贴与日历相关的代码。

希望这有帮助！

Answer 2

如果要更改整个背景和标签文本，则需要在fullcalendar.css文件中修改一些项目。日历在div上呈现一个表，因此必须更改表。

找到＆＃34;表＆＃34; fullcalendar.css文件中的部分。

找到.fc td并添加以下内容

• background-color: #333 !important;
• color: #ffffff;

还为.fc th

添加了新的/单独的样式

• color: #ffffff

又添加了一个样式，可以在名称

中找到.fc td类的所有other-month

该选择器为.fc td[class*="other-month"]，并指定了以下样式：

• color: #ffffff;
• 仍在尝试确定如何更改other-month类的背景颜色，以便更好地与我的页面混合。