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

　　纯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>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠