웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
링크시 텍스트 혹은 이미지에 생기는 점선 CSS로 없애기
2010.04.24 20:46
이걸 팁에 올려야 할지 고민 했는데요.
어디선가 누군가가 질문한 기억이 있어서요.
먼저 텍스트 링크나 이미지 링크에 점선이 생기지요. 특히 페딩을 줬을경우 양쪽, 아래위 같은 크기로 페딩을 하지 않았을경우 좀 그렇더군요.
저 점선을 없애는 방법으로 자바스크립트를 사용하시는 분들이 많은듯 해요. 혹은 링크마다 넣으라는 분들도 계시고요...
Code:
<script> function removeFocusOnAllLinks(){ for(var i=0 ; i < document.links.length ; i++) document.links.onclick=blurLink; } function blurLink() { if (this.blur) this.blur(); } window.onload=removeFocusOnAllLinks; </script>
위의 스크립트 말고 혹은 스크립트로도 점선이 없어지지 않는다면 아래 CSS 추가로 간단히 없애는 방법도 있다는 허접한 팁이였습니다.
a { outline:0; }