2016-06-12 59 views
0

我的fullcalendar與我的引導CSS文件相沖突,所以我必須手動設置我的樣式。 (我使用fullcalendar 2.7.3)fullcalendar完整的垂直邊框

我想要有紅色邊框(水平和垂直)。 我改變:

.fc-row .fc-content-skeleton td, 
.fc-row .fc-helper-skeleton td{...} 

而且創造了我的水平和垂直邊界。但是垂直邊界只出現在細胞的頭部。 (屏幕截圖)如何插入完整的垂直邊框。

Screenshot

回答

0

fullcalendar.min.css使用此代碼爲border-color屬性:

.fc-unthemed .fc-content, 
.fc-unthemed .fc-divider, 
.fc-unthemed .fc-popover, 
.fc-unthemed .fc-row, 
.fc-unthemed tbody, 
.fc-unthemed td, 
.fc-unthemed th, 
.fc-unthemed thead { 
    border-color: #ddd 
} 

所以,你可以複製這個片段,並設置您需要的顏色:那是我第一次嘗試

.fc-unthemed .fc-content, 
.fc-unthemed .fc-divider, 
.fc-unthemed .fc-popover, 
.fc-unthemed .fc-row, 
.fc-unthemed tbody, 
.fc-unthemed td, 
.fc-unthemed th, 
.fc-unthemed thead { 
    border-color: red; 
} 
+0

,但我的boostrap css文件與此相沖突(所以我的邊界是白色的)。另外我使用(theme:true;)所以jquery不使用unthemed類。 – Ckappo

+0

現在我切換到主題:false,並設置我的邊框樣式!important。它現在工作。 Thx Gleb – Ckappo

+0

@Ckappo你可以給我鏈接到你的網頁嗎? –