我使用jQuery full-calender进行工作。在图像中,我创建了日历,但现在我想将标题(February 2015
)的标题颜色更改为绿色。 (将其与主题相匹配)
到目前为止,我无法做到这一点。我看到一些SO问题和答案,建议更改.css
文件。但随后更改将影响所有日历(I'm having several calendars with several themes
)
我该如何解决这个问题?
更新:
这是一个示例代码in a fiddle。
答案 0 :(得分:2)
以下是此解决方案
CSS
div#fullcalendar .fc-header-title h2 {
color: #0F0;
}
这将完成工作。
根据你的小提琴示例
并且每个日历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>