Fullcalendar 如何在除网格轴之外的日历视图中添加底部边框？

Question

您好我有问题。如何去掉日历视图的底部边框（见图 1）？如果使用这个 css.

就会出现

  .fc-scrollgrid-section-body > td {
    border-bottom: 1px solid gray;
  }

如果将 border-bottom 更改为 border 并设置为 0px 会发生什么情况？那么日历完全失去了它的底部行（见图 2）它也没有显示在 dayView 和 monthView 中。

我尝试将另一个自定义样式添加到 css（在将 .fc-scrollgrid-section-body > td 其边框设置为 0px 之前） 1）我知道什么（检查员调查）什么日子有 fc-day 风格（见图 3）

我将此样式添加到 CSS，但它也无法正常工作，完全不显示红色边框

.fc .fc-timegrid-col{
  .fc-day{
  border-bottom: 1px solid red;
  }
}
//and 
.fc-day{
 border-bottom: 1px solid red;
}

再试一次

.fc .fc-timegrid-cols{
  .fc-day,
  .fc-timegrid-col{
  border-bottom: 1px solid red;
  }
}

使用角色标签实现相同的结果

[role=gridcell] {
  .fc-timegrid-col
  .fc-day {
    border-bottom: 1px solid red;
  }
}

我要的是天柱底线和格斧没有

Answer 1

我找到了 dayGrid 和 WeekGrid 的解决方案还没有一个月。

.fc-day .fc-timegrid-col-frame {
    border-bottom: 1px solid $pitch-black-100;
}

经过 3 个多小时的调查后更新为 gridView 月添加行需要将这个东西添加到样式

.fc-daygrid-body {
  border-bottom: 1px solid $pitch-black-100;
}

Fullcalendar how to add bottom border to calendar view except grid axis?