Question

如何去除鼠标点击时超链接周围的虚线

如图所示，不是a:hover属性，而是在鼠标点击标题是或者右键点击标题时，超链接文字周围会出现一圈虚线，而我看好多网站上都不会出现这种情况，请问如何控制或者去除？

Answer 1

纯CSS去除按钮以及链接点击时虚线.
运行代码框<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=#确定</a<a href=#取消</a</div</div
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
这个东东是无意中的发现，用处数数也瞒多，像ie下带border的button点击时恶心的表现、去掉tab的点击虚线等等。但遗憾的是这个东东在实践中发现，ie下还是容易受样式环境影响。
这个效果的实现重点在于我在无意中发现了IE下的一个bug，这个bug在特定环境会导致按钮或链接点击时失去虚线。