fullcalendar 全垂直边框

Question

我的完整日历与我的引导 CSS 文件发生冲突，所以我必须手动设置我的样式。 （我使用全日历 2.7.3）

我想要红色边框（水平和垂直）。 我改变了：

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

这为我创造了水平和垂直边框。但是垂直边框只显示在单元格的头部。 （屏幕截图）如何插入完整的垂直边框。

Answer 1

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;
}