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

时间:2015-12-01 10:55:35

标签: fullcalendar

我用插件全日历做了一个日历。我想改变今天约会的风格。

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

但是细胞的背景颜色必须像下一个图像一样。

enter image description here

怎么办?感谢

1 个答案:

答案 0 :(得分:2)

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

输出将如下所示。

enter image description here