링크 클릭시에 점선 안나오게 하기 > 기술자료

• 목록

일반적인 경우에는 링크를 클릭하면 주변에 점선의 테두리가 생겨서 링크영역이라는 걸 주는데
점선으로 인해 지저분하게 생각되어질 때도 종종 있죠.

1. 개별링크 적용
링크에 onfocus="blur()" 추가
<a href="naver.html" onfocus='blur()'>텍스트</a>
<a href="링크" onfocus='blur()'><img src="image.gif" alt="" /></a>
<area shape="rect" coords="86,95,121,131" href="링크" onfocus='blur()' alt="" />
<button onfocus="this.blur();">링크</button>

 
2. 페이지 전체에 적용
2-1. css 이용
a { outline:none; select-dummy: expression(this.hideFocus=true); }
 

2-2. 자바스크립트 이용
<script type="text/Javascript">
<!--
  function bluring(){
    if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
  }
  document.onfocusin=bluring;
//-->
</script>


관련자료
http://www.zoomup.kr/bbs/board.php?bo_table=html&wr_id=26 
http://sir.kr/pg_tip/2612