링크 클릭 점선 없애기 정보
링크 클릭 점선 없애기본문
뭐 그누 팁은 아니지만
그리고 뭐 알만한 분들은 다 알만한 간단한 팁이지만 -0-
이미지 혹은 텍스트 등으로 링크를 걸어서
클릭시 생기는 점선, 전 눈에 거슬려서 무조건 없애고 보자 주의입니다
물론 나름 필요한 경우도 있어보이긴 하나
간단 합니다
링크 관련 구문에
OnFocus="this.blur()" 요거 만 넣어주면 됩니당
해당 페이지의 모든 링크에 대해 적용 시키고 싶으시다면
그리고 뭐 알만한 분들은 다 알만한 간단한 팁이지만 -0-
이미지 혹은 텍스트 등으로 링크를 걸어서
클릭시 생기는 점선, 전 눈에 거슬려서 무조건 없애고 보자 주의입니다
물론 나름 필요한 경우도 있어보이긴 하나
간단 합니다
링크 관련 구문에
OnFocus="this.blur()" 요거 만 넣어주면 됩니당
해당 페이지의 모든 링크에 대해 적용 시키고 싶으시다면
<script>
function allblur() {
for (i = 0; i < document.links.length; i++) {
var obj = document.links[i];
if(obj.addEventListener) obj.addEventListener("focus", oneblur, false);
else if(obj.attachEvent) obj.attachEvent("onfocus", oneblur);
}
}
function oneblur(e) {
var evt = e ? e : window.event;
if(evt.target) evt.target.blur();
else if(evt.srcElement) evt.srcElement.blur();
}
</script>
<body onLoad="allblur()">
<a href=# >link</a>
추천
1
1
댓글 5개
style.css에 아래 한줄 추가하면 끝......
a {selector-dummy: expression(this.hideFocus=true);}
a {selector-dummy: expression(this.hideFocus=true);}
감사합니다. 적용~!
blur()는 웹 표준에서 지양하는 것이라서......
웹접근성 차원에서 보면 없어져야 하는것이죠.
blur()를 주게 되면 탭을 이용한 이동이 어렵습니당 ㅎ,ㅎ,
