Применить пользовательский CSS на bs timepicker

Question

Я использую компонент ngx-bootstrap / timpicker, но хотел бы изменить его внешний вид, чтобы его можно было использовать на iPad для моего приложения, увеличив размер ввода и размер шрифта.

Мне удалось увеличить ширину и высоту полей ввода и шевронов, используя следующие css:

.bs-timepicker-field {
  width: 85px ;
  height: 75px;
  padding: .375rem .55rem;
  font-size: x-large ;
  font-weight: bold;
}

.bs-chevron {
  border-style: solid;
  display: block;
  width: 15px !important;
  height: 15px !important;
  position: relative;
  border-width: 3px 0px 0 3px;
}

, но не могу изменить размер кнопки AM / PM.

Может кто-нибудь дайте мне знать, как изменить размер шрифта текста AM / PM на больший размер и рамку вокруг кнопки.

Answer 1

В демонстрации это увеличило как шрифт, так и размер кнопки:

timepicker .btn {
    font-size: 24px;
}