Angular Материал Datepicker: более крупный шрифт в режиме сенсорного интерфейса

Question

Я бы хотел увеличить шрифт Angular Material Datepicker в режиме сенсорного интерфейса. С помощью директивы touchUI я могу получить больше отступов, но размер шрифта такой же, как и в стандартном режиме.

<mat-datepicker touchUi ></mat-datepicker>

Как увеличить шрифт в режиме сенсорного интерфейса?

Answer 1

Демо для стилей плагинов в style.css вы можете изменить это. Если вы попытаетесь изменить компонент css, это никогда не сработает.

.mat-datepicker-content-touch{
 .mat-button, .mat-fab, .mat-icon-button, .mat-mini-fab, .mat-raised-button,th,td {
      font-size:20px
  }
}