去掉超级链接的虚线框

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< html  xmlns ="http://www.w3.org/1999/xhtml" > 
< head > 
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"  /> 
< title >去掉超级链接激活时的虚线框 </title> 
< style  type ="text/css" > 
* 
{ 
margin:0; 
padding:0; 
} 
html 
{ 
background-color:#fff; 
} 
body 
{ 
width:1000px; 
padding:50px 0; 
background-color:#efeede; 
border:0px solid red; 
margin:0 auto; 
} 

#divTest 
{ 
border:3px solid #393; 
padding:20px; 
margin:5px; 
} 

#dd 
{ 
margin-left:7px; 
} 

a    
{ 
outline:none; 
behavior:url('link.htc');/*针对ie*/ 
} 
</style> 
</head> 

< body > 
   < div  id ="divTest" > 
     < div  id ="dd" > < a  href ="#" >测试连接 </a> </div> 
   </div> 
</body> 
</html>

 

对ie使用的htc文件link.htc:

 

< public:attach event= "onfocus" onevent= "outline()" /> 
<script type= "text/javascript"> 
function outline(){ 
this.blur(); 
} 
</script>

 

 

截图:

 

本文转自 xcf007 51CTO博客，原文链接：http://blog.51cto.com/xcf007/107985，如需转载请自行联系原作者