使用flatpickr日期选择插件时如何移除今日日期的外围圆圈？

flatpickr默认会给今日日期节点添加.flatpickr-day.today类，外围圆圈就是该类的默认边框/阴影样式，可通过以下两种方式解决：

• 方案1：CSS样式覆盖（最简便，仅修改展示效果，不影响原有功能逻辑）
  直接在全局样式中添加以下代码即可：

.flatpickr-day.today {
  /* 清除默认边框圆圈 */
  border-color: transparent !important;
  /* 清除默认阴影效果 */
  box-shadow: none !important;
  /* 若不需要今日特殊背景色可新增下面一行 */
  background-color: transparent !important;
}

/* 若需要统一今日日期的hover样式和普通日期一致，可新增以下代码 */
.flatpickr-day.today:hover {
  border-color: #e6e6e6;
  background-color: #f0f0f0;
}

如果不想使用!important提升优先级，可给你的日期选择器绑定自定义类名后调整选择器层级，例如给输入框外层加custom-date-picker类，选择器改为.custom-date-picker .flatpickr-day.today即可。

• 方案2：初始化时移除今日类（彻底清除今日相关的所有默认样式）
  在flatpickr初始化配置中添加onDayCreate钩子，生成日期节点时直接移除today类：

flatpickr("#date-input", {
  // 你的其他原有配置项，比如日期范围、禁用日期等
  onDayCreate: function(dObj, dStr, fp, dayElem) {
    if (dayElem.classList.contains('today')) {
      dayElem.classList.remove('today');
    }
  }
});

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