Удаление цвета фокуса в Chrome

Question

У меня есть цвет, который появляется в моих полях ввода и текстовой области, когда они сфокусированы:

Это похоже на Chrome, но не на Firefox.

Я попытался изменить цвет с помощью jQuery:

if ($('body').is('#contact')) {
        $('input').focus(function() {
            $(this).css('border', '2px solid #ce1443');
            console.log('focus');
        });

         $('textarea').focus(function() {
            $('textarea').css('border', '2px solid #ce1443');
        });
    }

Однако, это, кажется, только увеличивает текущую границу ... но это ничего не делает, чтобы избавиться от синего цвета.

Answer 1

Используйте свойство outline: none CSS: http://jsfiddle.net/ZnefN/.

Answer 2

попробуй в css:

input:focus {
    outline: none;
}

и получить все поля ввода и текста и выбрать поля

input:focus, select:focus, textarea:focus {
    outline: none;
}

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

Answer 3

Это то, что вы можете исправить с помощью CSS:

input:focus {
  outline: 0 none;
}