用CSS隐藏点击按钮或链接时出现的虚线方框_表单按钮特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      用CSS隐藏点击按钮或链接时出现的下划线或虚线方框。大家都知道,当一个按钮被点击后,按钮上会留下鼠标点击过后的虚线方框,围绕按钮显示,点击链接也会这样,有的人不喜欢了,所以就写了CSS代码来隐藏掉这些虚线边框。

      <title>屏蔽虚线方框</title> <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>