HTML 링크 클릭시에 점선 안나오게 하기
페이지 정보
본문
일반적인 경우에는 링크를 클릭하면 주변에 점선의 테두리가 생겨서 링크영역이라는 걸 주는데
점선으로 인해 지저분하게 생각되어질 때도 종종 있죠.
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
점선으로 인해 지저분하게 생각되어질 때도 종종 있죠.
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://sir.kr/pg_tip/2612
댓글목록
등록된 댓글이 없습니다.