You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除flatpickr.js中inRange选中日期的背景色?

移除flatpickr inRange选中项背景色的方法

直接修改你当前的CSS代码,针对.flatpickr-day.inRange的background属性做调整即可:

基础修改方案

将background: #353535替换为透明值,彻底移除背景色:

.flatpickr-day.startRange,.flatpickr-day.endRange {
    background: #353535;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
}
.flatpickr-day.inRange {
    background: transparent; /* 设置为透明,移除背景色 */
    border: none;
    border-radius: 8px;
}

优先级覆盖方案

如果基础修改不生效(原flatpickr内置样式优先级更高),可以添加!important强制覆盖:

.flatpickr-day.inRange {
    background: transparent !important;
    border: none;
    border-radius: 8px;
}

恢复默认状态方案

也可以使用unset让背景色回到元素的默认状态:

.flatpickr-day.inRange {
    background: unset;
    border: none;
    border-radius: 8px;
}

内容的提问来源于stack exchange,提问作者Anemoiaa

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 23:47:06