在旧版Firefox(直到109版),可以像在Chromium中一样选择日期选择器的图标:
input[type="date"]::-webkit-calendar-picker-indicator {
display: none; /* Hides the icon in Chrome and Firefox < v109 */
}
这种方式已经不再可行,可以参考this Codepen。有人知道解决方法吗?
我的日期输入框有自定义图标,在新版本的Firefox中会显示两个图标。目前,我正在进行一些用户代理嗅探,并添加CSS类,以便我可以删除我的自定义图标:
const userAgent = navigator.userAgent;
const regex = /Firefox\/(?<majorRelease>\d+(\.\d+)?)/
const match = userAgent.match(regex)
const FirefoxVersion = match ? Number(match.groups.majorRelease) : null
if (FirefoxVersion > 108){
const inputs = document.querySelectorAll('.input[type="date"]')
inputs.forEach((el)=>{
el.classList.add('input-date-firefox-fix')
})
}
pointer-events: none;
来强制将其显示在屏幕上。 - undefined