我只找到了对这个问题的过时的回答。我正在尝试更改今天突出显示的背景。我在<Box>中有<FullCalendar>组件：

<Box flex={"1 1 100%"} ml={"15px"}>
    <FullCalendar
        height={"75vh"}
        plugins={[
            dayGridPlugin,
            timeGridPlugin,
            interactionPlugin,
            listPlugin
        ]}
        headerToolbar={{
            left: "prev,next today",
            center: "title",
            right: "dayGridMonth,timeGridWeek,timeGridDay,listMonth"
        }}
        initialView={"dayGridMonth"}
        editable={true}
        selectable={true}
        selectMirror={true}
        dayMaxEvents={true}
        select={handleDateClick}
        eventClick={handleEventClick}
        eventsSet={(events) => setCurrentEvents(events)}
        initialEvents={[
            {
                id: "aapl_q1_2023",
                title: "AAPL Q1 2023",
                date: "2023-02-02"
            },
            {
                id: "amzn_q4_2023",
                title: "AMZN Q4 2023",
                date: "2023-02-02"
            },
        ]}
        sx={{
            "& .fc-today": {
                backgroundColor: `${colors.redAccent[500]} !important`
            }
        }}
    />
</Box>

我可以通过切换css行项目来手动更改颜色
但是sx并没有覆盖它：

sx={{
    "& .fc-today": {
        backgroundColor: `${colors.redAccent[500]} !important`
    }
}}