如何自定义FullCalendar的样式？

Question

我目前正在开发一个项目，其中使用 FullCalendar 来显示事件。虽然 FullCalendar 是一个很棒的库，但我希望进行一些特定的样式自定义，以更好地匹配我的应用程序的外观和感觉。

以下是我想要实现的一些目标：

更改日历标题和单元格的背景颜色。 自定义事件工具提示和弹出窗口的外观。

有人可以提供有关如何有效自定义 FullCalendar 样式的指导或示例吗？是否有我应该使用的特定类或方法，或者集成自定义样式的最佳实践？

任何帮助将不胜感激！

谢谢！

我尝试过覆盖默认的 CSS 样式，但我不确定我是否定位了正确的元素，或者是否有更有效的方法来应用这些样式。

Answer 1

   <full-calendar
    class="w-full rounded-lg overflow-hidden"
    [options]="calendarOptions"
  ></full-calendar>

这是我的 html 代码

 .fc .fc-button-primary {
    background-color: aliceblue;
  }

这是我唯一的html，我想更改标题中的按钮