Как избавиться от выбора выделения текстового поля в Chrome/Safari?

При использовании Chrome или Safari, active text box или text area отобразит синюю/оранжевую кнопку border. Я видел, как некоторые сайты избавляются от этого, но я скопировал их CSS, и он все еще там. Как это сделать?

Ответ 1

Следующий CSS обычно удаляет выделенную границу по умолчанию:

input:focus {outline: none; }

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

Ответ 2

Вы можете использовать

input:focus, textarea:focus {
    outline: 0;
}

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

Ответ 3

Я только что сделал это:

:focus { outline: none; }