css - UIB 日期选择器按钮高度

Question

我正在使用带有以下 html 的 uib-datepicker:

<div id="date-group" class="form-group">
    <div class="input-group">
      <input id="dateInput" type="text" class="form-control" uib-datepicker-popup="{{format}}" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" ng-model="searchForm.date"/>
      <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="open1()">
          <i class="glyphicon glyphicon-calendar"></i>
        </button>
      </span>
    </div>
</div>

它看起来像这样。我正在使用 Bootstrap 3.3.6。有什么建议吗？

Answer 1

您需要修改 button.btn-default 属性上的 CSS。向按钮添加一些填充并更改垂直对齐或边距。尽管如此，还是要更改定位。

我尝试添加填充并调整按钮的边距和垂直对齐，但默认的 Bootstrap 样式覆盖了我的尝试，我现在无法深入编码。

Here's a nice little tutorial on styling Bootstrap buttons或 use the Bootstrap documentation更改您正在使用的按钮的类别。

或者查看 Bootstrap 的 Angular 指令，the Datepicker Popup .我认为这是您最好的选择。