Twitter bootstrap 在bs时间选择器上应用自定义CSS

我使用的是ngx bootstrap/timpicker组件，但我想通过增加输入和字体大小来改变它的外观，以便它可以在我的应用程序的iPad上使用

我已经能够使用以下css增加输入框和V形框的宽度和高度：

.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文本的字体改大，并在按钮周围加上边框吗

在中，这增加了字体和按钮大小：

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

---

请显示呈现的标记和引导的CSS（或实时演示）。