javascript - 增加 bootstrap ui angular timepicker 的字体大小

Question

如何增加 Bootstrap UI Angular 的字体大小和宽度时间选择器控件？

基本上我想增加文字大小和 Chevron 的大小(上下按钮)。

这是我下面的标记。

<div class="form-group">
  <label class="control-label col-sm-3"> <span class="h3">Drop off </span></label>
  <div class="control-label col-sm-3">
  <timepicker  name="txtDroptime" ng-model="myDroptime" ng-change="DroptimeChanged()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian"></timepicker>
  </div>
</div>

Answer 1

上下箭头是动态生成的，是glyphicons。您可以使用以下代码在时间选择器中定位它们:

.ng-valid-time .glyphicon {
  font-size: 2em;
}

.ng-valid-time input, .ng-valid-time button {
  font-size: 26px;
}

.ng-valid-time input {
  padding: 0;
}

.ng-valid-time .form-control {
  height: 50px;
}

根据您的要求更改值。

Plunkr