UIB Datumsauswahl-Knopf Höhe

Question

I UIB-Datepicker mit folgenden html bin mit:

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

Und es sieht so aus. Ich benutze Bootstrap 3.3.6. Irgendwelche Vorschläge?

Answer 1

Sie müssen die CSS auf dem button .btn-default Attribut ändern. Fügen Sie der Schaltfläche eine Auffüllung hinzu und ändern Sie die vertikale Ausrichtung oder den Rand. Ändern Sie trotzdem die Positionierung.

Ich habe versucht, Padding hinzuzufügen und den Rand der Schaltfläche und der vertikalen ausrichten, aber das Standard-Bootstrap-Styling überschreibt, was ich ausprobiert habe, kann ich nicht zu tief in die Codierung gerade jetzt.

Here's a nice little tutorial on styling Bootstrap buttons oder use the Bootstrap documentation, um die Klasse der Schaltfläche zu ändern, die Sie verwenden.

Oder werfen Sie einen Blick auf die Angular-Direktive für Bootstrap, the Datepicker Popup. Ich denke, das ist deine beste Wette.