去除超链接虚线框

by 清泉 27. 十一月 2008 14:02

最简单的就是在链接中加上onfocus="this.blur()",对于批量的可以用以下的方法。

方法一:

<base onclick="if(window.event.srcElement.tagName!='BODY'){window.event.srcElement.blur();}">
<input type="button" value="测试">
<input type="button" value="测试">
<input type="button" value="测试">
<input type="button" value="测试">
<input type="button" value="测试">
<a href='#'>测试</a>
<a href='#'>测试</a>
<a href='#'>测试</a>
<a href='#'>测试</a>
<a href='#'>测试</a>

 

方法二:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>去除链接虚线</title>
<script>
window.onload=function()
{
for(var i=0; i<document.links.length; i++)
document.links[i].onfocus=function(){this.blur()}
}
</script>
</head>

<body>
<a href="#">此处为测试文字.</a>
</body>
</html>

 

方法三:

a{
    blr:expression(this.onFocus=this.blur()); /* IE Opera */
    outline:none; /* FF Opera */
}
a:focus{
   -moz-outline-style: none; /* FF */
}

Tags:

页面美工设计

评论

添加评论



(将显示你的Gravatar头像)  

biuquote
微笑得意调皮害羞酷大笑惊讶发呆喜欢可怜尴尬闭嘴噘嘴皱眉伤心抓狂呕吐坏笑漫骂发怒
Loading



Supidea.com 晨飞的梦 @ All Rights Reserved. Powered by BlogYi.NET ver:1.8.0.0. 苏ICP备09011404号

关于博主

kamau
抱着美好的理想背井离乡,这酸甜苦辣只能默默忍受。既然选择了路,就得风雨兼程……

Calendar

<<  五月 2012  >>
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

在日历中查看文章

最近的评论

Comment RSS

声明

      本博所发一切破解相关附件只作学习研究交流之用,严禁用于商业用途,请在下载24小时内删除。
      本博所有网友评论不代表本博立场,版权归其作者所有。

© Copyright 2009