[CSS/문제해결] input 태그에 focus했을때 border 색깔 변경하는 방법

❓ 문제내용

input 태그에 focus했을때 CSS로 border 속성을 줬는데 적용이 안된다

input:focus {
  border: 1px solid orange;
}

 

❗️ 해결방법

브라우저에 기본값으로 설정되어 있는 outline 속성값을 none으로 지정해주어야 border 색깔을 변경할 수 있다

input:focus {
  outline: none;
  border: 1px solid orange;
}