IE兼容~a标签点击有虚线边框的问题

Posted DemonGao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE兼容~a标签点击有虚线边框的问题相关的知识,希望对你有一定的参考价值。

解决IE下a标签点击有虚线边框的问题

关键词:IE去除虚线边框、IE解决a标签虚线问题

 

 

先看看IE下,a标签出现的虚线边框问题:

技术分享

 

(上面中,红线包裹的就是一个翻页的按钮,按钮实际是hml的a标签做的,鼠标点击翻页按钮结果却被莫名其妙加了一个虚线的边框)

 

 

IE怎么去除这种莫名其妙的边框呢?

去掉虚线边框

使用css:

a:focus{outline:none;}

再次用IE查看,虚线就没有了,问题就解决了

(IE8测试通过。)

以上是关于IE兼容~a标签点击有虚线边框的问题的主要内容,如果未能解决你的问题,请参考以下文章

前端 PC端兼容性问题总结

前端 PC端兼容性问题总结

IE6部分兼容问题

浏览器的兼容性问题

input标签存在的兼容问题?

如何解决IE8浏览器不兼容CSS3圆角边框问题?(实用篇)