注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

阿当的博客

世界是个游乐场

 
 
 

日志

 
 

如何去掉a标签的虚框  

2010-06-04 12:27:00|  分类: Css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

a标签被点击后,默认是会出现一圈虚框的,有时候我们希望把它给去掉。

在firefox里可以通过设置样式outline:none实现,但这个样式在ie6、ie7下是不支持的(ie8支持)。在ie6和ie7下怎么实现呢?一个比较流行的做法是

<a href="#" onfocus="this.blur()">test</a>

获得焦点就立即失去焦点。这么做的确可以解决问题,不过一方面onfocus监听器使用的是onxxx而不是addEventListener(attachEvent),所以有可能会造成副作用,另一方面,这种写法真的难看,脚本置于标签内有违结构、样式和脚本分离的原则。

其实在ie下有另一个属性可以解决这个问题,叫做hidefocus。这个属性是ie专属的,ie6、ie7和ie8都支持它,firefox并不支持。

所以,最好的办法是:

==========================

<style type="text/css">

a{outline:none}     /* for firefox */

</style>

<a href="#" hidefocus>test</a>     <!-- for ie -->

  评论这张
 
阅读(1)| 评论(3)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018