[css] input 태그 클릭 시 생기는 외곽선 숨기기

input 박스를 클릭하면 보이는 테두리가 너무 거슬렸다. 이것을 없애기 위해 검색하니 나오는 한 가지 방법

입력 요소 가상 클래스 선택자 인  : focus 가 적용된 상태에서 outline 을 'none' 으로 설정만 하면 되더라.

 

.search input:focus{
    outline: none;

}

 

↓