Bootstrap + Datepicker

Question

Я сделал форму с различными входами. Один из них позволяет выбрать дату, сделанный с этим очень хороший пакет: http://www.eyecon.ro/bootstrap-datepicker/

Единственная проблема заключается в том, что все поля формы имеют синий фокус по умолчанию:

.uneditable-input:focus { 
border-color: rgba(82, 168, 236, 0.8); 
outline: 0; 
outline: thin dotted \9; 
... 
} 

Но поле, сделанное с Bootstrap-Datepicker имеет желтый фокус по умолчанию, который я не могу изменить.
Кто-то знает, как я могу удалить этот стиль и применить стиль начальной загрузки, чтобы получить согласованность?
Спасибо!

Answer 1

Предполагая, что вы используете последнюю версию Bootstrap 3, вам просто нужно добавить класс form-control на свои входы, и он переопределит желтый контур датпикера. Я также завернул входы внутри `col-md-3 ', так как Bootstrap 3 больше не определяет определенную ширину для входов.

<div class="input-append date "> 
    <div class="col-md-3"> 
    <label>Arrival Date</label> 
    <input name="arrival" class="form-control datepicker" data-date-format="dd/mm/yyyy" id="checkin" placeholder="click here"> 
    </div> 
</div> 
<div class="input-append date"> 
    <div class="col-md-3"> 
    <label>Outgoing Date</label> 
    <input name="outgoing" class="form-control datepicker" data-date-format="dd/mm/yyyy" id="checkout" placeholder="click here"> 
    </div> 
</div> 

http://bootply.com/86834

EDIT:

Для Bootstrap 2.x просто убедитесь, что вы добавляете type="text" своим входам и она покажет синий контур. Я обновляю Bootply.