纯CSS搞定按钮、链接点击时的虚线

2024-07-11 08:37:43

字体：大中小

来源：转载

供稿：网友

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”<br />“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><br /><html xmlns=”http://www.w3.org/1999/xhtml”><br /><head><br /> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/><br /> <meta http-equiv=”Content-Language” content=”gb2312″/><br /> <style type=”text/css”><!–<br /> .wrap{position:relative;}<br /> .btns{zoom:1;}<br /> .btns *{outline:0;zoom:1;background:#f2f2f2;}<br /> .btns button::-moz-focus-inner{border-color:transparent!important;}</p><p>–></style><br /></head><br /><body><br /><div class=”wrap”><br /> <div class=”btns”><br /> <button type=”button”>确定</button><button type=”button”>取消</button><br /> <a href=”#” mce_href=”#”>确定</a><a href=”#” mce_href=”#”>取消</a><br /> </div><br /></div><br /></body><br /></html><br />
提示：您可以先修改部分代码再运行
这个东东是无意中的发现，用处数数也瞒多，像ie下带border的button点击时恶心的表现、去掉tab的点击虚线等等。但遗憾的是这个东东在实践中发现，ie下还是容易受样式环境影响。

上一篇：纯css 鼠标移上查看大图的效果

下一篇：对css性能优化的一点看法