html - 全日历全垂直边框

Question

我的全日历与我的 bootstrap CSS 文件冲突，所以我必须手动设置我的样式。 (我用的是fullcalendar 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;
}