css去掉超链接点击时的边框虚线|三体教程
文章目录

css去掉超链接点击时的边框虚线

今天在群里,有小伙伴问了一个问题:如果将点击超链接时出现的边框虚线去掉。

关于这个问题,小编以前给一个朋友做网站的时候,他也提到了这个要求。

当时也是丈二和尚摸不着头脑,网上也还没有相关的资料,csdn上面也没有找到相关的问题。

后来自己摸索,outline是轮廓的意思,在css中就是元素周围的一条线,如果将outline设置为none不是就解决了吗?

当然,除了超链接a标签,其他input、button也都适用。

其中有三种方法

第一种,如下css代码:

a,input{outline:none;}

第二种

a{blr:expression(this.onFocus=this.blur());outline: none;}

第三种,使用jquery实现

$("a,input,button").focus(function(){this.blur()});

如果ie6、7不兼容失效,请使用下面的方法

<a href="http://www.santii.com" target="_blank" onfocus="this.blur()">三体教程</a>

小编觉得,去除超链接边框的需求,要么是为了美观,要么就是有强迫症,哈哈!

本文网址:http://www.santii.com/article/104.html


数据更新时间:2018-07-22