In FullCalendar JS library, I want to remove the line that divides between dates and events. I tried using the classes ".fc .fc-list-day-cushion", ".fc-list-day", ".fc-cell-shaded" by inspecting the elements, but it is not removing that line that divides between dates and events. How can I fix it ?
โค้ด: เลือกทั้งหมด
<body>
<div id="calendar" class="m-5"></div>
</body>
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
locale : 'en',
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
},
events: [
{ id: 1, title: "Event 1", start: "2024-11-01" },
{ id: 2, title: "Event 2", start: "2024-11-01" },
{ id: 3, title: "Event 3", start: "2024-11-03" },
{ id: 3, title: "Event 4", start: "2024-11-07" },
],
});
calendar.render();
โค้ด: เลือกทั้งหมด
.fc .fc-list-day-cushion {
border-bottom: none !important;
background-color: white !important;
}
.fc-list-day > div {
border-bottom: none !important;
}
.fc-cell-shaded {
border-color: none !important;
}