입력시 파란색 아웃 글로 변경 (체크 박스) (부트 스트랩 4)

Question

이 질문은 많은 질문을 받았으며 대부분의 해결책을 시도했음을 보장 할 수 있습니다! 내 코드는 다음과 같습니다

<div class="btn-group" id="btn-container" data-toggle="buttons"> 
    <label class="btn classic-design"> 
     <input type="checkbox" checked autocomplete="off"> Player 1 
    </label> 
</div> 

이 코드는 부트 스트랩 4의 모달 안에 나는 그것이 내가 다른 색상으로 변경하려면이 파란색 개요 빛이있는 버튼을 클릭하면, 현재, 레드 말할 수 있습니다. 지금까지 시도하는 것 :

How to change focus glow of textarea in Bootstrap 3?

How can I change the border/outline color for input and textarea elements in Twitter Bootstrap?

http://www.tutorialrepublic.com/faq/how-to-change-bootstrap-default-input-focus-glow-style.php

Remove Safari/Chrome textinput/textarea glow

및 등등 등등, 나는 거의 I에 유래 여기에 발견 된 모든 솔루션을 시도, 그러나 슬프게도 그것은 작동하지 않았다. 내가 원하는 무엇을 "가까운"이었다 유일한 것은이 코드이었다

label, label:focus { 
    outline: none !important; 
    border:1px solid red !important; 
    box-shadow: 0 0 10px #719ECE !important; 
} 

그러나이 코드의 문제는 그래서 그래 지금은 아웃이야, 모든 요소 주위에 영구적 인 빨간색 테두리를 생성하는 것입니다 아이디어와 희망이 누군가 나를 도울 수 있기를 바랍니다.

참고 : 단순히 사이트의 모든 포커스에서 색상을 변경하고 싶지 않기 때문에 부트 스트랩 CSS 자체는 변경하지 않으려 고합니다.이 특정 버튼 만 변경하십시오.

내가 필요한 모든 정보를 제공했으면 좋겠다. 나는 아직 연수생이며 1 개월 전부터 코드를 작성하기 시작 했으므로 친절하게 대해주십시오. 미리 감사드립니다.

Answer 1

시도 개요-color 속성

이

input, input:focus { 

    outline-color: red; 

}