2

さまざまな入力を使用してフォームを作成しました。これらのうちの1つは、この非常に素晴らしいパッケージで作成された日付を選択することを可能にします: 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、datepicker の黄色のアウトラインがオーバーライドされます。また、Bootstrap 3 では入力の特定の幅が定義されなくなったため、入力を「col-md-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 に答える