Calendar打印无网格线且文本浅灰的修复方案咨询

这个问题完全可以通过CSS代码修复，和打印设置关系不大——你之前修改@media print没生效，大概率是样式优先级不够，或者被浏览器默认的打印规则覆盖了。以下是具体的修复方法：

1. 提升打印样式的优先级 #

原来的.fc-daygrid-event选择器可能因为优先级不足，被FullCalendar的默认样式或其他样式覆盖。可以通过增加父元素选择器来提升优先级，必要时用!important强制生效：

@media print {
  /* 强制事件文本为黑色，增强可读性 */
  .fc .fc-daygrid-event {
    color: #000 !important;
    font-weight: 600; /* 可选：加粗文本让打印更清晰 */
  }

  /* 恢复日历网格线 */
  .fc .fc-daygrid-day-frame,
  .fc .fc-col-header-cell,
  .fc .fc-daygrid-day-top {
    border: 1px solid #ccc !important;
  }
}

2. 强制浏览器保留颜色 #

部分浏览器（比如Chrome）默认会过滤掉非必要的颜色和背景，导致浅色文本被转为灰色。可以添加print-color-adjust属性强制保留设置的颜色：

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* 上面的事件和网格样式 */
}

3. 调试确认样式生效情况 #

可以通过浏览器的打印预览调试功能，确认样式是否被正确应用：

• 打开打印预览界面
• 按F12调出开发者工具
• 在开发者工具的设备模拟栏，选择@media print视图
• 查看.fc-daygrid-event元素的样式面板，确认颜色和边框规则是否被正确加载（如果划掉说明被其他样式覆盖，需要进一步提升优先级）

内容的提问来源于stack exchange，提问作者developer8492