Css UIB日期选择器按钮高度

我将uib datepicker与以下html一起使用：

<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>

看起来是这样的。我使用的是Bootstrap3.3.6。有什么建议吗

---

您需要修改

按钮上的CSS。btn default

属性。为按钮添加一些填充，并更改垂直对齐或边距。尽管如此，还是要改变定位

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

或者更改正在使用的按钮的类别

---

或者看看引导的Angular指令。我认为这是你最好的选择。

是的，我可以尝试让它工作，但问题是“为什么会发生这种情况？”。网络上有几个例子可以不用任何额外的工作。e、 g.如果我回忆正确，按钮的默认样式没有默认填充，并且在与其他元素组合时，默认有边距可能会发生冲突。