在Fullcalendar中添加选定日期周围的边框

Question

我使用的是FullCalender，并希望更改我的月视图和周视图中的样式，以便在选定的日期不是黄色阴影，而是在其周围有一个粗边框。

我已经尝试了

.fc-state-highlight, .fc-unthemed .fc-today {
    background-color: white;
    border: 3px solid #f26122;
}

但这只是在表格单元格的顶部和左侧绘制一个边框：

Answer 1

这应该有用......

.fc-widget-content.fc-state-highlight:before {
  content: '\00a0';
  border: 3px solid #f26122;
  height: 100%;
  width: calc(100% - 6px);
  display: block;
  position: relative;
  background: transparent;
}
.fc-state-highlight {
  background: none !important;
}

请注意，width必须采用100％的格式 - [px中的2倍边框宽度]。

Answer 2

添加轮廓代替边框应解决您的问题：

.fc-highlight {
    outline: 3px solid #f26122 !important;
}

Answer 3

尝试设置td的盒子大小。

box-sizing：border-box;

可能需要阻止并设置高度。