去除<a> 标签虚线
其实之前已用了 outline:medium none;语句来去除站内<a> 标签的链接虚线。但这个方法在IE浏览器下基本上不支持。无奈,又试了一些其它方法。
方法 1
步骤: 在<a> 标签中加入onFocus="this.blur()"语句。
例如<a href="#" onFocus="this.blur()">IconCastle</a>
适配: IE6 IE7 IE8 Firefox
缺点: 这段语句只能加在<a> 标签内,所以需要一个一个单独添加。比较麻烦。另外,加了这段语句以后,似乎a:active样式在IE(6,7,8)浏览器下不支持了。
方法 2
如果链接过多,可以通过调用外部blur.js来实现全站<a> 标签去虚线化。
步骤: 首先,建一个名称为blur.js的文件,将如下语句写进文件中
$(document).ready(function() {
$("a").bind("focus",function(){this.blur()});
});
然后在<head>标签内内调用该文件即可。
前提: 需要有一个jquery.js文件。我用的是jquery1.2.3(很老的版本了),该版本下测试OK。其它版本没有测试过。
例如
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="blur.js" type="text/javascript" charset="utf-8"></script>
适配: IE6 IE7 IE8 Firefox
缺点: 同样,a:active样式在IE(6,7,8)浏览器下不支持了。
接着研究,唉~
其实之前已用了 outline:medium none;语句来去除站内<a> 标签的链接虚线。但这个方法在IE浏览器下基本上不支持。无奈,又试了一些其它方法。
方法 1
步骤: 在<a> 标签中加入onFocus="this.blur()"语句。
例如<a href="#" onFocus="this.blur()">IconCastle</a>
适配: IE6 IE7 IE8 Firefox
缺点: 这段语句只能加在<a> 标签内,所以需要一个一个单独添加。比较麻烦。另外,加了这段语句以后,似乎a:active样式在IE(6,7,8)浏览器下不支持了。
方法 2
如果链接过多,可以通过调用外部blur.js来实现全站<a> 标签去虚线化。
步骤: 首先,建一个名称为blur.js的文件,将如下语句写进文件中
$(document).ready(function() {
$("a").bind("focus",function(){this.blur()});
});
然后在<head>标签内内调用该文件即可。
前提: 需要有一个jquery.js文件。我用的是jquery1.2.3(很老的版本了),该版本下测试OK。其它版本没有测试过。
例如
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="blur.js" type="text/javascript" charset="utf-8"></script>
适配: IE6 IE7 IE8 Firefox
缺点: 同样,a:active样式在IE(6,7,8)浏览器下不支持了。
接着研究,唉~