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

Firefox中移除日期输入框内边距的解决方案咨询

Firefox中给日期输入框内部元素添加内边距的解决方案咨询

嗨,各位开发者们!我最近在调整日期输入框的样式时碰到了个棘手的问题,想过来请教下大家的经验:

我需要给 <input type="date" name="date" value="2025-08-25"> 这类日期输入框里的每个内部元素——包括日、月、年字段,还有分隔符——都添加上内边距。在基于WebKit内核的浏览器(比如Chrome、Safari)里,我可以用一系列带::-webkit-前缀的伪元素选择器来精准控制这些部分的样式,用到的选择器如下:

input[type="date"]::-webkit-datetime-edit,
input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input[type="date"]::-webkit-datetime-edit-text,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-calendar-picker-indicator {
  /* 可在此设置内边距等样式 */
  padding: 4px;
}

但到了Firefox浏览器这边,我翻遍了资料也找不到对应的-moz-前缀伪元素选择器来实现同样的效果。想问问大家,有没有什么替代方案或者可行的方法,能在Firefox里完成给日期输入框内部各个元素添加内边距的需求呢?

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.04.07 09:14:51