http://hi.baidu.com/trying_before/blog/item/40f7cf2f8bc99e5c4ec22641.html
总结的几种方法可以轻而易举的解决此问题:
方法一:在整个页面的链接不是太多的时候
(1)直接在标签中输入onFocus="this.blur()".例:<a href="#" onFocus="this.blur()">link</a>
(2)在标签中输入hidefocus。例:<a href="#" hidefocus>/</a>
方法二:当页面中出事链接较多时,采用加载外部文件或统一用CSS样式来控制。
(1)使用CSS样式:a {blr:expression(this.onFocus=this.blur())}或者a{outline:none} 也可以实现去虚线。
(2)加载外部文件 .HTC 文件:如,link.htc 文件内容如下:
<public:attach onevent="makeblur()" event="onfocus"></public:attach>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
在 CSS 中加入如下代码:A { behavior:url(blur.htc); }
有人提出了这样的问题,上面所说的方法可以解决文字链接,那么热区链接用同什么方法来去掉此虚线框。下面即将介绍的是热区链接时的虚线框。
此方法很简单:
<map name="Map">
<area shape="rect" coords="245,135,346,164" href="#" onFocus="this.blur()">
</map>
如此这样一来便解决了虚线问题。如果你的好的解决方法请告知。