forms - Bootstrap + 日期选择器

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 制作的字段有一个黄色的默认焦点，我无法修改。
有人知道如何删除该样式并应用默认 bootstrap 样式，从而获得一致性？
谢谢!

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

编辑:

对于 bootstrap 2.x 只要确保您添加 type="text"到您的输入，它将显示蓝色轮廓。我已经更新了 Bootply。