[CSS] 하이퍼링크의 점선 테두리 없애기

링크를 선택하고 난 뒤 IE나 firefox에서는 점선이 나오고 Chrom에서는 노란띠가 나온다.

꼴뵈기 싫을경우 예전같으면 링크마다 onFocus="blur()"를 했지만,

세상이 참~ 좋아진 결과 다음과 같이 CSS를 넣기만 하면 문제가 해결된다.

*:focus {
     outline: none;
}

또는,

a {
     outline: none; select-dummy: expression(this.hideFocus=true);
}

여기서 outline이란 테두리의 border를 감싸고있는 또다른 라인이다.

그것을 none또는 0으로 주면서 라인을 없애겠다고 스타일을 적용해주면 된다.

shaking blog