关于去掉a标签点击后的虚线框问题

最新推荐文章于 2021-04-28 14:02:19 发布

Smile_xxn

最新推荐文章于 2021-04-28 14:02:19 发布

阅读量615

点赞数

分类专栏： html 文章标签： css 标签 ie 浏览器

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第一种：

可以在每个a标签上加blur()，缺点：Tab键会失效

第二种：在css中加expression

第三种：用IE自带的属性hidefocus来兼容IE浏览器

三种方法的具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>N!</title>
        <style>
        body .a{outline:none;blr:expression(this.onFocus=this.blur());}
        </style>
    </head>
    <body>
        <a href="#" οnfοcus="this.blur();">blur方法</a>
        <a class="a" href="#" >css法</a>
        <a href="#" hidefocus="true" style="outline:none;" >IE下hidefocus法，ff等outline法</a>
    </body>
</html>