如何移除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
相关产品推荐
相关产品推荐

