如何更改完整日历插件事件的边框颜色?

时间:2018-04-15 00:00:24

标签: html css fullcalendar

我有这个full calendar(v3.4.0)插件。我已经从here下载了CSS。我几乎完全定制了它。但是,我花了一个小时试图找出如何更改所有事件的border-color。我发现了eventBorderColor形式full calendar docs,但我不确定如何使用它。

我尝试过以下但没有一个有效:

fc-time-grid-event fc-v-event fc-event fc-start fc-end {
    border-color: red;
}

和此:

.fc-event {
    border: 5px solid red;
}

我从this question尝试了这个:

.fc-event-inner {
    border: 5px solid red;
}

事件的屏幕截图:

enter image description here

开发人员工具的屏幕截图:有些样式使用内联样式给出,但它们在文件中不存在。当我尝试取出border-color应用的实际边框时,这些内联样式似乎具有更高的优先级。

enter image description here

非常感谢任何帮助。

谢谢

2 个答案:

答案 0 :(得分:0)

我已在日历中显示每个事件时,使用JavaScript中的borderColor: 'red'修复了此问题。

答案 1 :(得分:0)

尝试:

border: 5px solid red !important;