javascript - 在日历中为特定日期显示背景颜色的问题，在除移动 Safari 之外的所有浏览器上工作正常

Question

我正在尝试在日历上获取功能，如果事件类型是 this 并且预订了这一天，则将该特定日期的背景标记为红色。它适用于其他浏览器和 Mac 上的 Safari，但不适用于移动版 Safari。

if (this.booked.some(a => new Date(a.date.getFullYear(),a.date.getMonth(),a.date.getDate()).toDateString() == day.date.toDateString()&& a.type==1) )
{
    day.el.classList.add('booked_event')
   //day.el.innerText = 'Booked'
}

这是 CSS:

.booked_event {
    background-color: rgba(223,6,167,0.3) !important;
}

我已经尝试用十六进制代码将不透明度放在单独的行上，只尝试了 rgb 而不是 rgba，但它仍然不适合我。请问有人可以帮忙吗？

Answer 1

您可以尝试以下方法，它应该适用于所有浏览器:

.booked_event{
        background-color: rgb(223,6,167) !important; //  background for old browsers
        background-color: rgba(223,6,167,0.3) !important;  //Modern Browser, Will be ignored by old browsers

    }