<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box3 input { outline: none; } .box3 a { outline: none; } .box4 ::-moz-focus-inner { border-color: transparent; } .box4 :focus { outline: none; } </style> </head> <body> <div class="box1"> <input type="button" value="焦点虚线框"> <a href="#">焦点虚线框</a> </div> <div class="box2"> <input type="button" value="焦点虚线框" hidefocus="true"> <a href="#" hidefocus="true">焦点虚线框</a> </div> <div class="box3"> <input type="button" value="焦点虚线框"> <a href="#">焦点虚线框</a> </div> <div class="box4"> <input type="button" value="焦点虚线框"> <a href="#">焦点虚线框</a> </div> chrome 没有虚线框 ie678,firefox 有虚线框 hidefocus="true" 去除ie outline:none ie67无效 firefox input无效 ::-moz-focus-inner{border-color:transparent} firefox input </body> </html>
表单button的outline问题
http://www.w3cplus.com/css/clear-outline-for-buttons