Как убрать фокус с кнопки отправки

Question

Как убрать фокус с кнопки отправки? Я не знаю, почему это там на первой пластине, и это выглядит ужасно, вот скриншот:

А вот как это должно выглядеть, оно восстанавливает свой внешний вид после того, как я щелкну рядом с ним и наведу на него курсор.

Answer 1

Это сработало:

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

Answer 2

Попробуйте это в CSS вашей кнопки или в коде <a>, если вы используете это в разметке ( ссылка ):

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

Имейте в виду, что это ценная функция доступа / клавиатуры, поэтому в идеале вы должны предоставить альтернативную подсказку о фокусе, которая будет более приятна для вас.

Answer 3

В вашем теле или форме ...

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

Answer 4

Вы можете кодировать свою кнопку как:

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

Это устраняет функциональность «отправки» в коде и, следовательно, проблему фокуса.

Answer 5

Первая кнопка отправки в форме всегда «в фокусе», поэтому, когда вы нажимаете клавишу ввода, ваша форма отправляется.

См. Ответы на аналогичный пост: Остановка IE в выделении первой кнопки отправки в форме