2014-06-12 2 views
0

내가 입력을 파란색 테두리 색상 변경을 가져 가면 내가했습니다하는 simpel 텍스트 입력부트 스트랩 - 해제 입력 호버 색상

<div class="col-lg-3"> 
    <div class="input-group"> 
     <input type="text" class="form-control pn-input" data-provide="typeahead" id="searchfield"> 
     <span class="input-group-addon pn-span"> 
      <i class="glyphicon glyphicon-search"></i> 
     </span> 
    </div> 
</div> 

부트 스트랩 3를 사용하고 있습니다 몇 시간 동안 CSS를 검색해 봤는데이 색이 어디에 정의되어 있는지 찾을 수 없습니다.

+1

'.form-control : focus {...}';-) –

+0

페이지를 참조하십시오. 나는 당신에게 해결책을 말할 것이다 –

+0

내가 그것을 클릭하면 어떨까요? .form-control : active와 같아야합니다. can not find it tho –

답변

2

working fiddle http://jsfiddle.net/9H4Ea/3/ 박스 쉐도우 및 회색으로 설정된 경계선없이 입력되는 부트 스트랩 입력.

.form-control:focus {border-color:rgba(100,100,100,1)!important; 
-webkit-box-shadow: none!important; 
    -moz-box-shadow: none!important; 
    box-shadow: none!important; 
} 

중요한 당신이

border-color:#fff; 

가 작동하지 않습니다 때문에 0.8 인 부트 스트랩의 불투명도 남아있는이 방법의 borderColor 속성을 재정의하는 경우

( RGBA를 할당)
관련 문제