링크 클릭 점선 없애기

뭐 그누 팁은 아니지만

그리고 뭐 알만한 분들은 다 알만한 간단한 팁이지만 -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>

|

댓글 5개

style.css에 아래 한줄 추가하면 끝......

a {selector-dummy: expression(this.hideFocus=true);}
감사합니다. 적용~!
blur()는 웹 표준에서 지양하는 것이라서......
웹접근성 차원에서 보면 없어져야 하는것이죠.
blur()를 주게 되면 탭을 이용한 이동이 어렵습니당 ㅎ,ㅎ,
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
16년 전 조회 5,621
16년 전 조회 3,280
16년 전 조회 1.1만
16년 전 조회 2,805
16년 전 조회 4,885
16년 전 조회 7,961
16년 전 조회 4,927
16년 전 조회 5,594
16년 전 조회 8,546
16년 전 조회 4,785
16년 전 조회 4,102
16년 전 조회 4,043
16년 전 조회 7,745
16년 전 조회 4,514
16년 전 조회 3,713
16년 전 조회 5,428
16년 전 조회 3,340
16년 전 조회 3,271
16년 전 조회 3,387
16년 전 조회 2,707