对自定义按钮使用自定义 CSS (FullCalendar)

Question

我有 2 个自定义按钮用于我自己的固定 prev 和 next 功能。我喜欢所有按钮的原样，但需要使这 2 个按钮的 << 和 >> 更大，所以我想我必须更改 FontSize。保留其他按钮（包括它们当前的 FontSize）的最佳方法是什么？我的代码：

      customButtons: {
        prevMonth: {
          text: '<<',
          click: function() {
            calendar.changeView( 'resourceTimelineMonth');
            calendar.incrementDate( { days: -31 } );
          }
        },
        nextMonth: {
          text: '>>',
          click: function() {
            calendar.changeView( 'resourceTimelineMonth');
            calendar.incrementDate( { days: 31 } );
          }
        }
      },
      headerToolbar: {
        center: 'week,d14,month',
        right: 'today prevMonth,prev,next,nextMonth'
      },

Answer 1

将此添加到您的 CSS：

.fc .fc-prevMonth-button,
.fc .fc-nextMonth-button {
  font-size: 18px;
}

对自定义按钮使用自定义 CSS (FullCalendar)

Using custom CSS for custom buttons (FullCalendar)

javascript

css

fullcalendar