포커스 파란색 보더 없애기 focus outline 제거 CSS

html 태그를 사용하다 보면 파란색 외곽선이 생기는 것을 볼 수 있다. 이는 button, a, select 등 form 요소 태그가 가지는 기본 속성이지만 경우에 따라서 이 파란색 보더를 없애고 싶을 때가 있다. 

 

바로 없애보자.

button {
    outline: 0;
}

a {
    outline: 0;
}

select {
    outline: 0;
}


/*한번에 처리*/
button, a, select {
    outline: 0;
}

참 쉽죠?

 

앞으로 CSS 꿀팁은 계속됩니다.