2015-02-07 68 views
1

我爲我的工作使用了jQuery full-calender。就像我在圖片中創建日曆一樣,但現在我想將標題的標題顏色(February 2015)更改爲綠色。 (匹配到的主題)如何更改jQuery全日曆標題標題的字體顏色?

enter image description here

enter image description here

到目前爲止,我不能這樣做。我看到一些SO問題和答案,建議更改.css文件。但是這個變更會影響到所有的日曆(I'm having several calendars with several themes

我該如何解決這個問題?

UPDATE

這是一個示例代碼in a fiddle

+0

任何撥弄例如請 – 2015-02-07 21:38:38

+0

你應該看看多數民衆贊成嵌套H2,在這種情況下,我認爲這是jQuery的UI DIV股利。背景顏色可以設置爲jquery-ui的一部分而不是日曆分機。 – 2015-02-07 21:39:29

+0

事實上,一個小提琴會很好XD – 2015-02-07 21:40:07

回答

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是你的壓延機的ID,然後在CSS

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

並且例如calender2 i是你的壓延機的ID,然後在CSS

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

如果您發現我的答案有用 – 2015-02-07 22:11:54

0

創建一個覆蓋字體顏色的自定義類,然後將其添加到您想要覆蓋的特定日曆。

它看起來像這樣(因爲你沒有提供任何代碼)。

的style.css

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

的index.html

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

因爲它會動態生成不能使用 – 2015-02-07 21:45:22

+0

對不起,不知道。 – user3781632 2015-02-07 21:47:03

+0

該div將在運行時/動態生成:/ – prime 2015-02-07 21:48:26