CSS去掉点击时的虚线

  •   2009-07-31/13:29
  • 也许你会觉得当点击时焦点出现的虚线很不好看,那就让我们把它去掉吧!

    一,在<a>标签中加入onFocus="this.blur()"语句:
    -----------------------------------------------------------
    <a href="#" onFocus="this.blur()">try</a>
    -----------------------------------------------------------

    二,在<a>标签中加入hidefocus:
    -----------------------------------------------------------
    <a href="###" hidefocus>link</a>
    -----------------------------------------------------------

    三,如果连接太多,可以用外部链接 .HTC 文件。
    如,blur.htc 文件内容如下:
    ----------------------------------------------------------
    <public:attach event="onfocus" onevent="makeblur()"/>
    <script language="javascript">
    function makeblur(){
    this.blur();
    }
    </script>
    -----------------------------------------------------------
    在 CSS 中加入如下代码:
    -----------------------------------------------------------
    A { behavior:url(blur.htc); }
    -----------------------------------------------------------

    四,使用CSS样式,可加入代码:
    -----------------------------------------------------------
    a {blr:expression(this.onFocus=this.blur())}
    -----------------------------------------------------------
    这样,站内所有的文章都实现了无虚线效果了。


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多