Bootstrap +日期選擇器

我已經使用不同的輸入形式。其中一個允許選擇一個日期，這個非常漂亮的包裝製作： http://www.eyecon.ro/bootstrap-datepicker/Bootstrap +日期選擇器

唯一的問題是，所有的表單域有默認的藍色重點：

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

但隨着製造領域Bootstrap-Datepicker有一個黃色的默認焦點，我無法修改。
有人知道如何刪除該樣式並應用默認引導樣式，以獲得一致性？
謝謝！

來源

2013-10-10 johnnyfittizio

我在這個例子中看不到黃色：http://bootply.com/86820你可以發佈你的代碼或創建一個Bootply /小提琴嗎？ – ZimSystem

有趣的是，在你的例子中它是藍色的。我創造了這個： http://bootply.com/86833 以及用戶泥盆創造了這個對前一個問題： http://jsfiddle.net/PBcFK/ 而在兩者有重點橙色場。你是如何設法使它變藍的？ – johnnyfittizio

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

編輯：

對於引導2.x的只是確保你添加type="text"對您的輸入，它會顯示藍色的輪廓。我更新了Bootply。

來源

2013-10-10 12:09:53 ZimSystem

對不起斯凱利。我爲這個項目使用Bootstrap 2.3.2。我可以做類似的事情來解決問題嗎？ – johnnyfittizio

當然，我已經更新了我的答案。確保在輸入字段中使用'type = text'。 – ZimSystem

非常謝謝你！ – johnnyfittizio

Bootstrap +日期選擇器

回答

相關問題