a标签点击时去虚线
2014-03-29 11:25
162 查看
怎么样才能取消这个虚线框呢?常用方法有三种:
1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框。
<a href="#" onfocus="this.blur();">测试</a>
这里设置聚焦时触发blur();强制取消焦点。自然是屡试不爽。
2:在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里。这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题。
3:不适用a标签做链接,采用其他标签,使用js做出hover的效果,在css里加入cursour:pointer;设置鼠标以上时变小手。给用户是链接的错觉。使用js做点击时的页面跳转等。最大的缺点是对se友好性比前两种差很多。
这三种方法的共同点是比较麻烦,相比较而言,推荐第一种,第二第三也视不同的情况而定。也是会用到的。
我认为outline的这个效果时浏览器迟早要取消掉的,所以关于这个属性的知识也相当的鸡肋。
或者还可以在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}
1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框。
<a href="#" onfocus="this.blur();">测试</a>
这里设置聚焦时触发blur();强制取消焦点。自然是屡试不爽。
2:在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里。这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题。
3:不适用a标签做链接,采用其他标签,使用js做出hover的效果,在css里加入cursour:pointer;设置鼠标以上时变小手。给用户是链接的错觉。使用js做点击时的页面跳转等。最大的缺点是对se友好性比前两种差很多。
这三种方法的共同点是比较麻烦,相比较而言,推荐第一种,第二第三也视不同的情况而定。也是会用到的。
我认为outline的这个效果时浏览器迟早要取消掉的,所以关于这个属性的知识也相当的鸡肋。
或者还可以在css中加入body a{outline:none;blr:expression(this.onFocus=this.blur());}
相关文章推荐
- 前端开发小技巧——取消a标签点击之后的虚线框
- 隐藏鼠标点击&lt;a&gt;标签后的虚线
- 去掉A标签点击链接自动产生的虚线边框(兼容FF)
- 点击a标签时,去掉指定a标签的虚线框
- 关于去掉a标签点击后的虚线框问题
- 去掉a标签点击后的虚线框
- a标签点击后的虚线框问题
- a标签如何去除点击链接时出现的虚线框
- 清除a标签点击后出现的虚线
- a标签点击后的虚线框
- css去掉a标签点击时候的虚线框
- 如何去掉点击链接时周围的虚线框outline属性 去除a标签边上的虚线
- css去掉a标签点击后的虚线框,outline,this.blur()
- a标签点击后的虚线框问题
- 去掉a标签点击时的虚线边框
- css去掉a标签点击后的虚线框
- css去掉a标签点击后的虚线框
- 去掉点击a标签时产生的虚线框
- 关于a标签点击周围会出现虚线
- a标签点击后的虚线框问题