ABOUT ME

-

Today
-
Yesterday
-
Total
-

  • [css/ javascript] 링크 점선 없애기
    프로그래밍 2011. 1. 4. 18:57

    링크가 걸려있는 이미지를 클릭할때 점선 모양의 테두리가 생기는데 그 테두리를 없애기 위해 사용.
    <a href="/" onFocus = "this.blur()">....</a>

    위의 옵션을 매번 링크마다 걸기 힘들때는 아래 스크립트를 head에 넣던지 css에 추가해서 사용하면 됨.

    a { selector-dummy : expression(this.hideFocus=true); }
    a:link { text-decoration:none; }
    a:visited { text-decoration:none; }
    a:hover { text-decoration:none; }
    a:active { text-decoration:none; }

    혹은 <head></head>에

    <script language="javascript">
    <!--
    function allblur() {
    for (i = 0; i < document.links.length; i++)
    document.links[i].onfocus = document.links[i].blur;
    }
    -->
    </script>

    위 소스를 넣어서 사용해도 된다.

    댓글 0

Designed by Tistory.