灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:7644回复:0

css/JS/jquery三种方法去掉链接虚线框

楼主#
更多 发布于:2013-12-31 13:48
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();
});

喜欢0 评分0
游客

返回顶部