부트 스트랩 4에서 입력 필드를 클릭 할 때 테두리를 제거/변경하는 방법은 무엇입니까?

Question

나는 이것을 사용하지만하지 이러한 스타일은 청색을 사용하지

input[type="email"], input[type="password"], textarea, select {outline: none;} 

Answer 1

부트 스트랩 4 작품 .. :

모든 필드 (부트 스트랩 방법)을 form-control 클래스를 갖는 형태를 사용하는 경우, 우리 초점 이벤트를 위하여 이러한 일을 덮어 쓸 수 있습니다 :

form .form-control:focus{ 
 
    border-color: #ced4da; 
 
    box-shadow: none; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
 
<form> 
 
    <div class="form-group"> 
 
    <label for="exampleFormControlInput1">Email address</label> 
 
    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label for="exampleFormControlSelect1">Example select</label> 
 
    <select class="form-control" id="exampleFormControlSelect1"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
     <option>3</option> 
 
     <option>4</option> 
 
     <option>5</option> 
 
    </select> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label for="exampleFormControlSelect2">Example multiple select</label> 
 
    <select multiple class="form-control" id="exampleFormControlSelect2"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
     <option>3</option> 
 
     <option>4</option> 
 
     <option>5</option> 
 
    </select> 
 
    </div> 
 
    <div class="form-group"> 
 
    <label for="exampleFormControlTextarea1">Example textarea</label> 
 
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> 
 
    </div> 
 
</form>