`

去除<a> 标签虚线

IEFirefoxjQuery浏览器 
阅读更多
去除<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）浏览器下不支持了。

接着研究，唉～

分享到：
| jquery选择框后面的标签内容
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    去除链接虚线全面分析总结

    传统办法，在标签内加属性 代码多，修改难&lt;a&gt;link1&lt;/a&gt; &lt;a&gt;link1&lt;/a&gt; &lt;a&gt;link1&lt;/a&gt; &lt;a&gt;link1&lt;/a&gt; &lt;a&gt;link1&lt;/a&gt; 非标准 中级办法，全局控制　CSS实现 增加IE负担，不推荐使用 a{

    去掉a标签超链接的虚线框的方法

    去掉a标签超链接的虚线框的方法，需要的朋友可以参考下。

    去掉点击链接时周围的虚线框outline属性

    &lt;a&gt;欢迎来到博客园（加了hidefocus属性）&lt;/a&gt; Firefox的处理方法比较符合标准，只需要在样式里设置a:focus{outline:none}皆可： .xzw_test a.setFocus:focus{outline:none} 方法二： 通过javascript方法让其点击后...

    CSS去掉A标签（链接）虚线框的方法

    链接的虚线框影响整体风格，我们在工作经常会将它去掉，而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待，这种技巧经常用到，作个记录，以备不时之需

    去掉a标签和按钮加背景图片虚线/阴影完美解决方案

    当点击一个a标签更换验证码，点击后a标签上有个阴影部分，非常影响美观于是搜集了一些整理方法，比较实用，今天正好遇到。故记录于此。知识要靠一点一点积累，感兴趣的你可以参考下

    去除在FireFox中点击链接时,出现虚线边框的解决办法

    今天遇到几个浏览器兼容的问题，有一个感觉比较奇怪，估计是FireFox故意要和IE、google 区别开来吧，在点击FireFox a标签的时候会出现虚线框

    使用button标签，实现三态图片按钮

    下面的解决方法的关键，主要是去掉虚线选框和对背景进行定位，没有使用循环处理，任何一个按钮，只要定义了背景图片和边框为0，就自动变成了三态按钮。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]上面的解决...

    代码语法错误分析工具pclint8.0

    3）点按主对话框上方的虚线小方框 New a tool item 4）输入 name: PC-LINT 5）输入 Command: c:\lint\lint-nt.exe 6）输入 Arguments: c:\lint\std.lnt $(FilePath) //注：替std.lnt为lnt\env-vc6.lnt 7) ...

Magicbox
Global site tag (gtag.js) - Google Analytics