포커스시 텍스트 입력 테두리 색이 올바르게 변경되지 않음

Question

텍스트 입력 테두리를 선택하지 않고 필드를 선택하면 테두리 색이 주황색으로 변경됩니다.

input[type="text"]{ 
 
    border: 1px solid blue; 
 
} 
 

 
input[type="text"]:focus{ 
 
    border: 1px solid orange; 
 
}

<input type="text">

누군가의 도움이 있습니다. 감사합니다

Answer 1

국경은 바뀌지 만 그것을 커버하는 outline가 있습니다. 이 같은 focus에 재설정 : 그 기본 스타일 중 하나를 좋아하고 내 자신을 선호하지 않기 때문에 나는이 일을 해요

input[type="text"]{ 
 
    border: 1px solid blue; 
 
    } 
 

 
input[type="text"]:focus { 
 
    border: 1px solid orange; 
 
    outline: none; 
 
}

<input type="text">

Answer 2

.

*:focus { 
    outline: none; 
}