日历的侧边框不出现

Question

我有一个 angular 项目版本 7 (+)，我使用的是 adminLTE 3，fullCalendar，我在渲染日历的左右边缘时遇到问题。

我无法手动调整日历 css 以显示侧边框。

我需要做什么才能正确呈现日历边框？

Here is the image of the project that I am using css adminLTE3 together with fullCalendar

在这里，共享问题的代码的 link： https://stackblitz.com/edit/fullcalendar-with-adminlte3

提前致谢。

Answer 1

我玩过 css 文件。添加 border-style: solid 后，日历的所有边都出现了边框。如果您只希望边框出现在左侧和右侧，您可以这样做： border-left: <sizeOfBorder> <typeOfBorder> <colorOfBorder> 以同样的方式 border-right: <s> <t> <c> 此外，尝试将 padding 值从 0 更改为 -1，它会将 table 完全扩展到侧框架。

Answer 2

您可以在自定义样式表中添加一些 css 规则。可能在 style.css 样式表中。这是代码。

.fc-view-container {
  border-left: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

日历的侧边框不出现

The side borders of the calendar do not appear

css

fullcalendar

adminlte

angular