2013-10-10 8 views
2

다른 입력 양식을 만들었습니다. 이들 중 하나는이 아주 좋은 패키지로 만든 날짜, 선택할 수 있습니다 :부트 스트랩 + Datepicker

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

그러나로 만든 분야 : http://www.eyecon.ro/bootstrap-datepicker/

유일한 문제는 모든 양식 필드는 기본 파란색 초점을 가지고 부트 스트랩 - Datepicker에는 노란색 기본 포커스가 있으며 수정할 수 없습니다.
누군가 그 스타일을 제거하고 기본 부트 스트랩 스타일을 적용하여 일관성을 유지하려면 어떻게해야합니까?
감사합니다.

+0

이 예제에서는 노란색으로 표시되지 않습니다. http://bootply.com/86820 코드를 게시하거나 Bootply/fiddle을 만들 수 있습니까? – ZimSystem

+0

재미있는 것은 당신의 예에서는 파란색입니다. 나는 이것을 만들었습니다 http://bootply.com/86833 또한 사용자 DEVO는 이전 질문이 만든 : http://jsfiddle.net/PBcFK/ 그리고에서 모두 초점 오렌지가있다 필드. 어떻게 파란색으로 만들었습니까? – johnnyfittizio

답변

3

최신 부트 스트랩 3을 사용한다고 가정하면 입력에 form-control 클래스를 추가하기 만하면 날짜 피커의 노란색 윤곽이 무시됩니다. 또한 부트 스트랩 3에서는 더 이상 입력에 대한 특정 너비를 정의하지 않으므로`col-md-3 '안에 입력을 래핑했습니다.

http://bootply.com/86834

<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> 

는 편집 :

부트 스트랩 2.x를 그냥 당신이 당신의 입력에 type="text"를 추가해야하고 그것은 파란색 1 {을 보여줍니다. Bootply를 업데이트했습니다.

+0

Sorry Skelly. 나는이 프로젝트를 위해 부트 스트랩 2.3.2를 사용하고있다. 비슷한 문제를 해결할 수 있습니까? – johnnyfittizio

+0

물론, 나는 나의 대답을 업데이 트했습니다. 입력 필드에'type = text'을 사용해야합니다. – ZimSystem

+0

Skelly 대단히 감사합니다! – johnnyfittizio