2013-09-21 42 views
0

CSS example http://i44.tinypic.com/24wgch5.gif 附加圖像顯示從v1.4.11升級到v1.6.4後,我想要創建的日曆的日曆視圖。頂部(v1.4.11)添加了顏色和圓角邊緣,但我無法讓第二個版本執行相同的操作,即使將所需的代碼複製並粘貼到新文件後也是如此。如果有人能告訴我哪個CSS組件會受到影響,我可以很容易地將一個背景顏色應用到外邊緣的行和半徑上。預先感謝您的幫助。無法恢復星期幾格式

+0

我想對我做了一個小的進展情況。通過試驗和錯誤,我發現可以在「.fc-content .fc-state-default」部分修改文本(至少這就是我fullcalendar.css文件中的內容;不知道它是否已被添加或從原來的修改)。奇怪的是,添加一個顏色屬性只會影響日期標題,但是當您放入「font-weight:bold」或背景顏色時,會影響表格中的所有內容。 無論如何,我仍然會對如何在上面屏幕截圖的第二部分中進行背景顏色和半徑轉角的提示感到欣慰。 – muybn

回答

0

更好:

.fc .fc-grid th 
{ 
    background: green; 
} 
0

經過反覆試驗,找到了解決辦法:

/*left top cell in personal calendar*/ 
.fc .fc-grid th.fc-leftmost { 
background-position: 0 0; 
-webkit-border-top-left-radius: 7px; 
-moz-border-top-left-radius: 7px; 
border-top-left-radius: 7px; 
    } 

/*right top cell in personal calendar*/ 
.fc .fc-grid th.fc-sat { 
background-position: 100% 0; 
-webkit-border-top-right-radius: 7px; 
-moz-border-top-right-radius: 7px; 
border-top-right-radius: 7px; 
} 

/*first row (days of week) for personal calendar*/ 
.fc-content .fc-state-default { 
border-style: solid; 
border-color: #D2D2D2; /* inner border color */ 
background: green; 
color: #fff; 
}