如何更改jQuery全日历标题标题的字体颜色?

时间:2015-02-07 21:35:04

标签: jquery html css fullcalendar

我使用jQuery full-calender进行工作。在图像中,我创建了日历,但现在我想将标题(February 2015)的标题颜色更改为绿色。 (将其与主题相匹配)

enter image description here

enter image description here

到目前为止,我无法做到这一点。我看到一些SO问题和答案,建议更改.css文件。但随后更改将影响所有日历(I'm having several calendars with several themes

我该如何解决这个问题?

更新

这是一个示例代码in a fiddle

2 个答案:

答案 0 :(得分:2)

以下是此解决方案

CSS

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

Demo

这将完成工作。

根据你的小提琴示例

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

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

例如 calender1 是你的calender id然后在CSS中

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

例如 calender2 是你的calender id然后在CSS中

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

答案 1 :(得分:0)

创建一个覆盖字体颜色的自定义类,然后将其添加到您要覆盖的特定日历中。

它看起来像这样(因为你没有提供任何代码)。

的style.css

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

的index.html

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