Fullcalendar 完整日历样式的单元格日期

Fullcalendar 完整日历样式的单元格日期,fullcalendar,Fullcalendar,我已经做了一个完整的日历插件日历。我想改变今天约会的风格 .fc-unthemed .fc-today { color: #fff !important; background-color: red; } 但细胞的背景色必须与下一幅图像相似 我怎么能做到?谢谢您可以应用CSS创建类似三角形的边框,并将其显示在右上角 .fc-day.fc-today { position: relative; } .fc-day.fc-today::before, .fc-day.f

我已经做了一个完整的日历插件日历。我想改变今天约会的风格

.fc-unthemed .fc-today {
    color: #fff !important;
    background-color: red;
}
但细胞的背景色必须与下一幅图像相似


我怎么能做到?谢谢

您可以应用CSS创建类似三角形的边框,并将其显示在右上角

.fc-day.fc-today {
    position: relative;
}

.fc-day.fc-today::before,
.fc-day.fc-today::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}   

.fc-day.fc-today::before {
    border-width: 1.5em;
}

.fc-day.fc-today::after {
    border-radius: 0;
    border-width: 1.5em;
    border-right-color: red;
    border-top-color: red;
}
输出如下所示


您可以应用CSS创建类似三角形的边框,并将其显示在右上角

.fc-day.fc-today {
    position: relative;
}

.fc-day.fc-today::before,
.fc-day.fc-today::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-color: transparent;
    border-style: solid;
}   

.fc-day.fc-today::before {
    border-width: 1.5em;
}

.fc-day.fc-today::after {
    border-radius: 0;
    border-width: 1.5em;
    border-right-color: red;
    border-top-color: red;
}
输出如下所示


还有一件事,要更改今天的颜色?只需覆盖此类别fc状态高亮显示还有一件事,要更改今天的颜色?只需覆盖此类别fc状态高亮显示