Высота кнопки UIB Datepicker

Я использую 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>

И выглядит это так. Я использую bootstrap 3.3.6. Есть предложения?

Введите описание изображения здесь

1 ответ

  1. Вам нужно изменить CSS на button .btn-defaultатрибуте. Добавьте некоторые отступы к кнопке и измените вертикальное выравнивание или поле. Тем не менее измените положение.

    Я пытался добавить заполнение и настроить поле кнопки и вертикального выравнивания, но стиль по умолчанию Bootstrap переопределяет то, что я пытался, я не могу слишком глубоко в кодирование прямо сейчас.

    Вот хороший небольшой учебник по стилизации кнопок Bootstrap или используйте документацию Bootstrap, чтобы изменить класс кнопки, которую вы используете.

    Или взгляните на директиву Angular для Bootstrap, всплывающее окно Datepicker . Я думаю, что это ваш лучший выбор.