跳转到主要内容

如何去掉超链接文字点击后的灰色框?

如何去掉超链接文字点击后的灰色框?

在web开发的过程中,你有可能会遇到这样的问题,就是当点击了一个超链接的文字后,文字周围会有虚线,有的时候为了考虑更加美观需要去掉这个虚线,如何去呢?

通过研究可以通过JavaScript的方法来去除,通过纯的JavaScript和jquery两种方法来解决这个问题,下面做一下简要介绍。

  1. 可以通过纯粹的JavaScript来实现,只要在页面的head标签里加入以下代码即可:
    <script type="text/javascript">
    window.onload=function(){
    var aLinks=document.getElementsByTagName('a');
    	for(var i=0;i<aLinks.length;i++)
    	{
    		aLinks[i].onfocus=function(){
    			this.blur();
    		};
    	}
    }
    </script>
  2. 可以通过jquery来实现。
    <script type="text/javascript">
    $(function(){
    	$('a').bind('focus', function(){
    		this.blur();
    	});
    });
    </script>
文章分类