FullCalendar事件文本颜色更改

时间:2012-11-24 00:47:28

标签: fullcalendar

我将className fc-selected添加到任何选定的日期,该日照顾了所选单元格的背景颜色变化。考虑到我在家是免费的,只需要为下一个文本更改color,我强行删除了一些头发,只是后来我才意识到日期事件不在日期单元格中,但绝对位于上方在它之外。 如何在日历中针对选定日期定位事件的DOM?

基本上日期单元格的背景颜色在选择时变为深红色,我需要标题文本暂时变为白色。

2 个答案:

答案 0 :(得分:3)

您可以设置活动

textColor: white或#FFF

http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

您还可以在重播活动时设置eventTextColor

http://arshaw.com/fullcalendar/docs/event_rendering/eventTextColor/

答案 1 :(得分:1)

实际上,我尝试了很多次,textColor或eventTextColor的任何变体都没有用。所以,我尝试手动更改颜色属性;

.portlet.calendar .fc-event .fc-time {
    color: white;
}

.portlet.calendar .fc-event .fc-title {
    color: white;
}

通过使用这样的简单javascript,你也可以设置fullcalendar的font-color;

var colorStyle = document.getElementsByClassName('fc-title');

for (var i=0; i<colorStyle.length; i++) {
    colorStyle[i].style.color = 'white';
}