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
相关产品推荐
相关产品推荐

