css/JS/jquery三种方法去掉链接虚线框-自学php网

来源：自学PHP网时间：2014-09-19 14:48 作者：阅读:次

[导读] 下面我给大家整理css/JS/jquery三种方法去掉链接虚线框,希望本文章能给各位同学带来帮助哦。...

css: 兼容性很差。

代码如下	复制代码
a:focus,input:focus {outline:none;}

在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写：

代码如下	复制代码
a:focus { outline:none; -moz-outline:none; }

直接加：

onfocus="this.blur()"

也可以利用htc文件加入a.style.behavior属性.如：

代码如下	复制代码
<style> a,img { behavior:url(js文件地址); } </style>

在js文件中写入下面语句

代码如下	复制代码
<attach event="onFocus" handler="onFocus" /> <SCRIPT language="javascript"> function onFocus() { this.blur(); } </SCRIPT>

JQ的写法：

代码如下

复制代码

$("input:not(input[type='text'],input[type='password'])").focus(function(){
this.blur();

});

更多文章推荐