如何从提交按钮中删除焦点

Question

如何从提交按钮中删除焦点？我不知道它为什么会出现在第一个盘子里，看起来真的很难看这里是截图：

alt text http://i44.tinypic.com/xg0i93.png

这就是它应该是什么样子，它在我点击它旁边并将其悬停后重新获得它的外观。alt text http://i43.tinypic.com/11ug2o1.png

Answer 1

这有效：

var selectedInput = null;
$(document).ready(function() {
    $('input, textarea, select').focus(function() {
        this.blur();
    });
});

Answer 2

在按钮的CSS或封闭的<a>中尝试此操作，如果这是您在标记中使用的内容reference）：

-moz-outline:0 none;
outline:0 none;

请记住，它是一个非常有用的辅助功能/键盘功能，因此理想情况下，您可以提供一些在视觉上更令您满意的替代焦点提示。

Answer 3

以您的身体或形式......

<form onready="document.getElementById('submit').blur();">
...
<input type="submit" id="submit" />
</form>

Answer 4

表单中的第一个提交按钮始终处于“焦点”，因此，当您按Enter键时，表单将被提交。

查看对类似帖子的回复：Stopping IE from highlighting the first submit-button in a form

Answer 5

您可以将按钮编码为：

<button onClick='this.form.submit()'>Button Text</button>

这会删除代码的“提交”功能，从而消除焦点问题。