Css 在Fullcalendar中选定的日期周围添加边框
我正在使用FullCalendar,并希望在我的月视图和周视图中更改样式,以便在选定的日期中使用黄色阴影,而在其周围使用厚边框 我试过了Css 在Fullcalendar中选定的日期周围添加边框,css,fullcalendar,Css,Fullcalendar,我正在使用FullCalendar,并希望在我的月视图和周视图中更改样式,以便在选定的日期中使用黄色阴影,而在其周围使用厚边框 我试过了 .fc-state-highlight, .fc-unthemed .fc-today { background-color: white; border: 3px solid #f26122; } 但这只是在表格单元格的顶部和左侧绘制边框: 尝试设置td的盒子大小 框大小:边框框 可能需要使其阻塞并设置高度 这应该行得通 .fc-widge
.fc-state-highlight, .fc-unthemed .fc-today {
background-color: white;
border: 3px solid #f26122;
}
但这只是在表格单元格的顶部和左侧绘制边框:
尝试设置td的盒子大小 框大小:边框框 可能需要使其阻塞并设置高度 这应该行得通
.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;
}
请记住,
宽度
的格式必须为100%-[2x边框宽度(px)]。添加边框而不是边框可以解决您的问题:
.fc-highlight {
outline: 3px solid #f26122 !important;
}
设置特定选定对象的高度不可缩放。一旦视口改变大小,确定的高度将打破一切。看起来这在chrome中运行良好,而不是在firefox中完全正常。为什么这里使用before?