Bootstrap 5样式应用于FullCalendar v5和Angular 8

Question

我在Angular 8中使用FullCalendar v5创建了日历。没有任何样式的日历看起来不错。现在我想添加表单来创建日期点击事件，因此我使用Bootstrap v5。在angular.json文件中，我添加了使用Bootstrap v5所需的导入如在该图像中。我可以使用引导表单将事件添加到日历中，但现在引导样式正在应用于日历，我不想在这里输入图像描述。正如你在图片中看到的，日历日期的名称和日期都是蓝色和下划线，我不需要，相反应该是这样的。我尝试将css添加到像这样的日历类中

a .fc-col-header-cell-cushion {
color: black;
text-decoration: none;
background-color: transparent;
}

但这些样式并没有应用于日历。如何删除/不将引导程序样式应用于日历？

Answer 1

我只是在稍微不同的情况下遇到了这个问题，但能够纠正根本问题。最有用的文档如下：https://fullcalendar.io/docs/css-customizationCSS以及使用Chrome开发工具(此处为教程：https://developer.chrome.com/docs/devtools/css/)您可以查看日历上的元素。然后用以下项目更新css：

/* Removes Default Link formatting from Full Calendar*/
a.fc-daygrid-day-number{
color:black;
text-decoration:none;
}
a.fc-col-header-cell-cushion{
color:black;
text-decoration:none;
}