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

Как я могу удалить синее свечение, которое окружает выделенное поле ввода текста с помощью чистого CSS?

2 63
css input

2 ответа:

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

input:focus {
    outline:none;
}

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

132

Я предпочитаю хороший твердый сброс, как:

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

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

15