2

我制作了一个带有不同输入的表格。其中一个允许选择一个日期，用这个非常好的包制作： 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 制作的字段有一个黄色的默认焦点，我无法修改。
有人知道如何删除该样式并应用默认引导样式，以便获得一致性？
谢谢！

4

1 回答 1

3

假设您使用的是最新的 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。

于 2013-10-10T12:09:53.577 回答