在日历中的特定日期显示背景颜色的问题，在除移动 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

    }