링크 클릭 점선 없애기

뭐 그누 팁은 아니지만

그리고 뭐 알만한 분들은 다 알만한 간단한 팁이지만 -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,620
16년 전 조회 3,277
16년 전 조회 1.1만
16년 전 조회 2,804
16년 전 조회 4,884
16년 전 조회 7,958
16년 전 조회 4,925
16년 전 조회 5,593
16년 전 조회 8,544
16년 전 조회 4,783
16년 전 조회 4,099
16년 전 조회 4,041
16년 전 조회 7,744
16년 전 조회 4,512
16년 전 조회 3,710
16년 전 조회 5,425
16년 전 조회 3,338
16년 전 조회 3,270
16년 전 조회 3,384
16년 전 조회 2,705