[CSS] :focus 적용시 테두리 검은 선 문제

크롬브라우저에서 실행시 입력박스(text, number 등)를 클릭하면 default값으로 검은 테두리가 생긴다고 한다.

이를 제거해주어야 :focus가 적용된다. 제거는 outline: none; 을 이용하면 된다.

/*css 예시*/
#billNum:focus{
    outline: none; 
    border: 2px solid blue;
}

 

참조: https://myhappyman.tistory.com/144