
html{/* for firefox */
overflow:-moz-scrollbars-vertical;
overflow-x:auto;
}
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, fieldset, input, th, td, a{
margin: 0;
padding: 0;
border: 0;
outline: none;
list-style: none;
}
body{
line-height: 1;
font-size: 88%;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
}
overflow:-moz-scrollbars-vertical;
overflow-x:auto;
}
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, fieldset, input, th, td, a{
margin: 0;
padding: 0;
border: 0;
outline: none;
list-style: none;
}
body{
line-height: 1;
font-size: 88%;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
}
纯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">
<h2>纯CSS搞定按钮_链接点击时的虚线</h2>
<div class="btns">
<button type="button">确定</button><button type="button">取消</button>
<a href="#">确定</a><a href="#">取消</a>
</div>
</div>
.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">
<h2>纯CSS搞定按钮_链接点击时的虚线</h2>
<div class="btns">
<button type="button">确定</button><button type="button">取消</button>
<a href="#">确定</a><a href="#">取消</a>
</div>
</div>