onclick=this.blur() => this.hideFocus=true

링크를 클릭하게 되면 링크 주변에 점선이 생기게되죠.

물론 그대로 두는 것이 웹표준 접근성에 맞겠지만 모양을 중요시하는 경향이 국내에선 많기 때문에 링크에는 항상 onclick 이벤트에 this.blur() 자바스크립트를 이용해서 링크에 점선이 생기는걸 막고는 했죠.

이를 한번에 해결하려면 a 테그의 스타일을 정의할 때 아래와 같은 한줄을 넣어주시면 됩니다.  ^ ^

a { selector-dummy: expression(this.hideFocus=true;}

상당히 간단하고 쉽게 링크의 점선을 없앨 수 있겠죠? ^ ^

많이 활용하자고용~

유사한 주제의 글들을 살펴보세요:

, , , , , , ,

Latest Comment

티스토리 툴바