程序员人生 网站导航

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

栏目:htmlcss时间:2013-12-04 13:55:31

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

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

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


提示:可修改后代码再运行!

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐