完整日历样式重置

Question

我们正试图在WordPress网站的前端集成Full Calendar。我们面临的问题是，大多数WordPress主题都有自定义样式，这些样式会改变表的外观，使完整日历看起来支离破碎。

我不是CSS专家，所以非常感谢您的帮助。是否有任何方法可以重置样式，使"完整日历"自己的样式始终应用于同一样式集，而不考虑页面上可能加载的任何其他样式？

感谢：）

Answer 1

也许你可以尝试删除他们的css，并在那里添加你的css类。

这适用于我（v1.5.4版本），

$('#calendar').fullCalendar({
  ...
  ,eventRender: function(event, element) {   //render how event look like
    // example add element
    element.attr("category",event.title);
    //example to remove the original color
    //element.find("div").removeClass("fc-event-skin fc-event-inner");
    //OR
    //element.find("div").css({"background-color":"transparent","border-color":"transparent"});
    //element.css({"background-color":event.colors,"border-color":"transparent"});
    //example to add class
    if(event.title === "big_event"){
       element.addClass("calred");
    }
  },
  viewDisplay   : function(view) {   //render how calendar look like
    //example coloring on sat,sun
    $(".fc-sat, .fc-sun").addClass("ss-holiday");
    $("th.fc-sat, th.fc-sun").removeClass("ss-holiday");
  }
  ...
});