Làm thế nào để bạn thay đổi kích thước của một kích thước của một popup ui bootstrap khung chọn ngày?

Question

Đây là những gì tôi đang đề cập đến: http://angular-ui.github.io/bootstrap/

Tôi không thấy bất kỳ điều gì cho biết cách kiểm soát kích thước. Tôi đã cố gắng thay đổi phông chữ cơ thể nhưng điều đó không làm việc ra

Answer 1

Kích thước này của datepicker có thể được thay đổi bằng cách ghi đè các css đối với hình thức kiểm soát và btn lớp bootstrap như trong ví dụ sau:

.my-datepicker .form-control { 
    height: 10px; 
    padding: 11px; 
} 

.my-datepicker .btn { 
    padding: 1px 2px; 
} 

sau đó áp dụng các lớp học của tôi-datepicker để datepicker đầu vào nhóm

<span class="input-group my-datepicker"> 
    <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="validToDate" is-open="opened1" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /> 
    <span class="input-group-btn"><button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button></span> 
</span>