完整日历 - 样式单元格日期

Question

我用插件全日历做了一个日历。我想改变今天日期的样式。

.fc-unthemed .fc-today {
    color: #fff !important;
    background-color: red;
}

但单元格的背景颜色，必须像下一张图片。

怎么可能呢？谢谢

Answer 1

您可以应用 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;
}

输出将如下所示。