CSS去掉链接或按钮点击产生的虚线

概述纯CSS去掉按钮或者链接点击产生的虚线。这个东东是无意中的发现，用处数数也瞒多，像ie下带border的button点击时恶心的表现、去掉tab的点击虚线等等。但遗憾的是这个东东在实践中发现，ie下还是容易受样式环境影响。这个效果的实现重点在于我在无意中发现了IE下的一个bug，这个bug在特…

　　纯CSS去掉按钮或者链接点击产生的虚线。

　　这个东东是无意中的发现，用处数数也瞒多，像IE下带border的button点击时恶心的表现、去掉tab的点击虚线等等。但遗憾的是这个东东在实践中发现，IE下还是容易受样式环境影响。

　　这个效果的实现重点在于我在无意中发现了IE下的一个BUG，这个BUG在特定环境会导致按钮或链接点击时失去虚线。其它浏览器就比较简单，支持CSS2的浏览器可以通过设置outline解决，FF的button标签通过私有属性特别处理，DEMO在多个主流浏览器测试通过。

<style type="text/CSS">.wrap{position:relative;}.btns{zoom:1;}.btns *{outline:0;zoom:1;background:#f2f2f2;}.btns button::-moz-focus-inner{border-color:transparent!important;}</style><div class="wrap"><div class="btns"><button type="button">确定</button><button type="button">取消</button><a href="#" Title="lIEhuo.net">确定</a><a href="#" Title="lIEhuo.net">取消</a></div></div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' Title="lIEhuo.net" target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

总结

以上是内存溢出为你收集整理的CSS去掉链接或按钮点击产生的虚线全部内容，希望文章能够帮你解决CSS去掉链接或按钮点击产生的虚线所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。