FullCalendar v5 在 Angular 中更改事件大小

Question

正在使用

this.calendarOptions.defaultAllDay = true;
this.calendarOptions.eventDisplay = 'display';

我想更改事件的大小以对所有单元格（月视图）着色，我放弃了事件显示背景，因为我需要使用拖放。

我想要这个或类似的但启用了拖放功能 Full calendar event

CSS 不工作

.event-class .cal-event-title {
  height: 100%;
}

有什么想法吗？谢谢

编辑

<a class="fc-daygrid-event fc-daygrid-block-event fc-h-event fc-event fc-event-draggable fc-event-resizable fc-event-start fc-event-end fc-event-future clasePrueba" style="background-color: rgb(189, 224, 254);">
    <div class="fc-event-main">
     <div class="fc-event-main-frame">
      <div class="fc-event-title-container">
       <div class="fc-event-title fc-sticky">TEST</div>
    </div>
     </div>
      </div>
        <div class="fc-event-resizer fc-event-resizer-end">
    </div></a>

Answer 1

使用 :host 和 :ng-deep 为 fullCalander 组件内的元素设置样式（将 css 放入您的组件 css 文件中）

:host full-calendar::ng-deep{
.event-class{
//your style
  }
}

FullCalendar v5 在 Angular 中更改事件大小

FullCalendar v5 change event size in Angular

css

fullcalendar

angular