Удаление синего свечения из текстового ввода HTML при выборе

Как удалить синее свечение, которое окружает выбранное поле ввода текста, используя чистый CSS?

Ответы

Ответ 1

Это должно сделать это:

input:focus {
    outline:none;
}

EDIT (2015):. Если вы проектируете широкую аудиторию, помните, что контур часто является критически важной функцией доступа для пользователей, которые перемещаются по клавиатуре или требуют более очевидной визуальной обратной связи. Если вы удалите контур, убедитесь, что вы определили альтернативное состояние фокусировки, которое обеспечивает соответствующую визуальную обратную связь для ваших пользователей.

Ответ 2

Я предпочитаю красивое твердое тело reset как:

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

Контур "none" на привязном методе предотвращает ужасные фокусы фокуса на многих браузерах Android.