2015-12-01 4 views
0

Я сделал календарь с плагином полный календарь. Я хочу изменить стиль сегодняшней даты.Полный календарь - Стиль сотовый день день

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

Но цвет фона ячейки должен быть как следующее изображение.

enter image description here

Как можно это сделать? Спасибо

ответ

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

+0

Отлично, спасибо – Eladerezador

+0

еще одну вещь, чтобы изменить цвет дня сегодня? – Eladerezador

+1

Просто перезапишите этот класс fc-state-highlight –

Смежные вопросы