Как изменить стиль всплывающего календаря Angular выбора даты материала

Question

Мне разрешено использовать только Angular материал (№ Bootstrap или любую другую библиотеку).

Как изменить стиль этого всплывающего календаря? Как и шрифт, или цвет фона, или вместо круга, я хочу использовать квадратную кнопку, например, стиль или стрелки для перемещения вперед и назад.

Answer 1

Просто щелкните правой кнопкой мыши по датчику и проверьте, какой класс CSS использовал. Скопируйте имя класса CSS и напишите новый стиль CSS с тем же именем класса. Таким образом, вы можете переписать стиль CSS.

Предположим, класс CSS по умолчанию для круга / круга - ".mat-calendar-body-cell-content". Теперь скопируйте имя класса и создайте новый класс, как показано ниже.

.mat-calendar-body-cell-content{
     background: #FFCC00 !important;
}

Этот новый стиль переопределит существующий стиль CSS.