Using custom CSS for custom buttons (FullCalendar)

问题

I have 2 custom buttons for my own fixed prev and next functions. I like all the buttons how they are but need to make the << and >> for those 2 buttons bigger, so I have to change the FontSize I guess. What is the best way to do this by preserving the other buttons (including their current FontSize) as they are? My code:

      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'
      },

回答1:

Add this to your CSS:

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

来源：https://stackoverflow.com/questions/65167079/using-custom-css-for-custom-buttons-fullcalendar