UIB Datepicker按钮高度

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。我认为这是你最好的选择。