如何更改font-color of jQuery Full-calendar header 标题？

Question

我正在使用 jQuery full-calender 进行工作。如图所示，我已经创建了日历，但现在我想将 header (February 2015) 的标题颜色更改为绿色。 （以配合主题）

到目前为止我做不到。我看到了一些建议更改 .css 文件的 SO 问题和答案。但此后更改将影响所有日历 (I'm having several calendars with several themes)

我该如何解决这个问题？

更新 :

这是示例代码 in a fiddle。

Answer 1

创建覆盖字体颜色的自定义 class，然后仅将其添加到您要覆盖的特定日历。

看起来像这样（因为您没有提供任何代码）。

style.css

.override-font-color {
    font-color: #fff;
}

index.html

<div class="calendar-theme-header override-font-color">February 2015</div>

Answer 2

这是这个问题的解决方案

CSS

div#fullcalendar .fc-header-title h2 {
    color: #0F0;
}

Demo

哪个会完成工作。

根据您的 fiddle 示例

并且每个日历 ID 都是唯一的，因此您可以添加

div#CalenderName .fc-header-title h2 {
    color: #0F0; //change calender title Color accordingly
}

例如 calender1 是您的日历 ID 然后在 CSS

div#calender1 .fc-header-title h2 {
    color: #0F0; //change calender title Color accordingly
}

例如 calender2 是您的日历 ID 然后在 CSS

div#calender2 .fc-header-title h2 {
    color: #0F0; //change calender title Color accordingly
}