zoukankan      html  css  js  c++  java
  • 去掉超链接的虚线框

     1.对于单个或少量的链接

    <a href="" onfocus="this.blur()">我是一个超链接</a>

    2.批量去掉虚线框

    使用Js方法:

    <script type="text/javascript">

    var __aObj=document.getElementsByTagName_r("a");

    var __length=__aObj.length;

    for(var i=0;i<__length;i++){

       __aObj[i].onfocus=function(){this.blur();}
      
    }
    </script>

    或者

    <script>

    var objAs = document.getElementsByTagName_r("A");

    var objA;

    for(var i=0;objA = objAs[i];i++){

    objA.onfocus=function(){this.blur()};

    }

    </script>

    使用css方法:

    :focus { outline: none; }//针对Firfox
    a,area { blr:expression_r(this.onFocus=this.blur()) }//针对IE

    不是非常需要,一般不建议使用expression_r,因为expression_r对浏览器资源要求比较高。


    3.Jquery 方法

    $(document).ready(

      function(){

        $(”a”).bind(”focus”,function(){if(this.blur)this.blur();});

      });

  • 相关阅读:
    safari调试iphone
    git 本地仓库关联远程仓库
    video 自动播放及循环播放问题
    webpack4系列之【3. webpack4优化记录】
    展示博客
    第三天冲刺
    第二天冲刺
    第一天冲刺
    UML设计
    Alpha项目冲刺
  • 原文地址:https://www.cnblogs.com/zgaspnet/p/1980561.html
Copyright © 2011-2022 走看看