Удаление синего свечения из текстового ввода HTML при выборе - PullRequest
69 голосов
/ 15 февраля 2012

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

Ответы [ 2 ]

140 голосов
/ 15 февраля 2012

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

input:focus {
    outline:none;
}

РЕДАКТИРОВАТЬ (2015): Если вы разрабатываете для широкой аудитории, помните, что схема часто является важной функцией доступности для пользователей, которыеперемещаться по клавиатуре или требовать более явного визуального контроляЕсли вы удалите контур, обязательно определите альтернативное состояние фокуса, которое обеспечивает соответствующую визуальную обратную связь для ваших пользователей.

14 голосов
/ 09 апреля 2012

Я предпочитаю хороший сплошной сброс, например:

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...