Chrome 中的提交按钮有什么用？
<input type='text' placeholder='Dummy Input'/>
<input type='submit'/>
只有当按钮没有焦点时，才会出现提交按钮的活动“按下”状态。要重现，请参阅此 JSFiddle。事实上，文本字段甚至不是必需的，只是为了让tab焦点进入提交按钮。
所以继续，将光标放在文本字段中，tab在按钮聚焦（橙色）时按下并单击提交。事件触发，但按钮没有按下。
聚焦时按下spacebar而不是单击将按下按钮。（谢谢@Ineentho）什么给了？
注意：我已将此提交给 Chrome 问题跟踪器
您可以使用一些 javascript/jquery 将文本框取消焦点悬停，以便在单击时应用 :active 属性。
$("input[type=submit]").hover(function(){
$(this).blur();
});
此外，您可以将 css 应用于 :focus 伪类，因此轮廓将始终不可见。
input[type=submit]:focus {outline:none;}
看到这个小提琴：http: //jsfiddle.net/qahcJ/1/
更新
我认为如果没有 Javascript hack，你无法解决这个问题，所以这里有一种更简单的方法。只需使用这段代码：
$("input[type=submit]").bind("mousedown",function(e){
return false;
});
演示：http: //jsfiddle.net/gFMTt/