运行代码框<style type=text/css
.wrap{position:relative}
.btns{zoom:1}
.btns *{outline:0zoom:1background:#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在特定环境会导致按钮或链接点击时失去虚线。
着得住你，你是在编辑区里当然有虚线哟，是正常的，在浏览区时就不会有了。把鼠标放在上面会出现上下标图指，再往上拖就行了。还有一种就是把鼠标放在上面再点右键再选择关闭就行了。只是编辑才有的在，打印或在WEB上浏览的时候没有如果有的话
你就看看你编辑是时 （工具栏） 上你有没有设置要文本框
用一个时间的案例来说明吧
1 代码部分
<html>
<title>北京传智播客</title>
<body>
<a href="#">我要去除超链接下划线</a>
</body>
</html>
2 以上代码在浏览器显示的效果 ， 在浏览器段看到超链接是有下划线的，之后的操作咱们就是要去除下划线
3 去除下滑下 的代码 在a标签上 加上 style="text-decoration:none"
4 加上 style="text-decoration:none" 之后在页面上的显示效果 如下图
下划线就去掉了
