如何使用完整日历设置宽度边框事件？

Question

我试图在我的完整日历中有两种事件。我会区分它们。

颜色不是一个好主意，因为在两种事件中我需要不同的颜色。我考虑过边框颜色。但适当的边框颜色有一个很小的边界。我想将边框宽度设置得更大。

我该怎么做？

我在我的主要CSS中试过了：

.fc-event-inner {
    border-color: red;
    border-style: solid;
    border-width: 15px;
}

但它有所作为。

由于 最好的问候

PS：我正在使用fullcalendar与这个symfony萌芽：https://github.com/adesigns/calendar-bundle

Answer 1

我设法通过修改类fc-event来改变边框的宽度：

.fc-event {
    border-width: 15px;
}

请参阅here

Answer 2

只需输入.fc-event即可更改Fullcalendar事件的边界。所以，我尝试了代码，它完美地改变了事件的边界。

.portlet.calendar .fc-event {
    border: 15px solid red;
}

Answer 3

我使用eventRender处理它们：

eventRender={info =>{
        info.el.style.borderWidth = '4px'
        info.el.style.borderRadius = '0px'                       
    }}

Answer 4

自 fullcalendar v5 起，不再有 eventReader 回调。

现在您必须使用 event render hooks 例如。 eventDidMount：

eventDidMount: function(info) {
    info.el.style.borderRadius = '0px';
    info.el.style.borderWidth = '4px';
},